:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}html{color-scheme:dark}}.project-section{.project-item{position:relative;.project-img{height:250px;width:100%;border-radius:20px 20px 0 0;overflow:hidden;img{height:100%;width:100%;object-fit:cover;object-position:top center}}.project-content{background:#fff;box-shadow:0 4px 10px #32436629;border-radius:0 0 20px 20px;margin:0;padding:20px;cursor:pointer;h3{margin:0;color:var(--title-color);transition:all .3s ease}p{margin:10px 0;line-height:1.2;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}a{color:var(--title-color);transition:all .3s ease;i{font-size:12px}}&:hover{a,h3{color:var(--theme-color)}}}}}.blog-detail-content{h1,h2,h3,h4,h5,h6{margin-top:30px;margin-bottom:15px;font-weight:600;color:#333}h1{font-size:32px}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}p{margin-bottom:20px;line-height:1.8}ol,ul{margin:20px 0;padding-left:30px}li{margin-bottom:10px;line-height:1.8}blockquote{border-left:4px solid #0066ff;padding-left:20px;margin:30px 0;font-style:italic;color:#666}code{padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:14px}code,pre{background:#f5f5f5}pre{padding:20px;border-radius:8px;overflow-x:auto;margin:20px 0}a{color:#0066ff;text-decoration:underline;transition:color .3s ease;&:hover{color:#0052cc}}img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}}.share-btn{transition:all .3s cubic-bezier(.4,0,.2,1);&:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,102,255,.3)}&:active{transform:translateY(0)}}.share-menu{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.share-menu{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;max-width:90vw;max-height:80vh;overflow-y:auto;z-index:9999}.share-menu:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:-1}}.ot-blog.blog-single{transition:transform .3s ease,box-shadow .3s ease;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:30px;.blog-img{overflow:hidden;img{transition:transform .5s ease}&:hover img{transform:scale(1.05)}}}.blog-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:14px;color:#666;a,span{display:flex;align-items:center;gap:5px;transition:color .3s ease;&:hover,i{color:#0066ff}}}.blog-card-compact{transition:transform .3s ease,box-shadow .3s ease;border-radius:12px;overflow:hidden;height:100%;display:flex;flex-direction:column;&:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.15);.blog-card-img img{transform:scale(1.08)}h3{color:var(--theme-color,#0066ff)}}.blog-card-content{flex:1 1;display:flex;flex-direction:column}}.share-btn-compact{&:hover{transform:scale(1.15);color:var(--theme-color,#0066ff)}&:active{transform:scale(.95)}}.share-social-btn{&:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}&:active{transform:translateY(0)}}.share-platform-btn{&:hover{background:var(--color)!important;color:#fff!important;transform:translateY(-2px)}}.share-menu-compact{animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:768px){.blog-card-compact{margin-bottom:20px}.blog-card-img{height:180px!important}}.widget_search{margin-bottom:30px}.search-form{position:relative;display:flex;align-items:stretch;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease}.search-form:focus-within{border-color:var(--theme-color,#0d6efd);box-shadow:0 0 0 3px rgba(13,110,253,.1)}.search-form input{flex:1 1;border:none;padding:12px 15px;font-size:14px;color:#333;outline:none;background:transparent}.search-form input::placeholder{color:#999}.search-form button{border:none;background:var(--theme-color,#0d6efd);color:#fff;padding:0 20px;cursor:pointer;transition:all .3s ease;display:flex!important;align-items:center;justify-content:center;min-width:50px}.search-form button:hover{background:var(--theme-color-dark,#0b5ed7);transform:scale(1.05)}.search-form button:active{transform:scale(.98)}.search-form button svg{display:block;color:#fff;transition:transform .3s ease}.search-form button:hover svg{transform:scale(1.1)}.page-single{.page-img{margin-bottom:30px;border-radius:10px;overflow:hidden;img{width:100%;display:block}}.page-title{margin-bottom:20px;font-size:32px;font-weight:700;color:#1a1a1a}.service-detail-content{font-size:16px;line-height:1.8;h4{margin-top:30px;margin-bottom:15px;font-size:22px;font-weight:600;color:#333}p{margin-bottom:20px;color:#666}.rounded-15{border-radius:15px}}}.accordion{margin-top:40px}.accordion-card{margin-bottom:15px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff}.accordion-header{.accordion-button{background:#f8f9fa;border:none;padding:18px 25px;width:100%;text-align:left;font-size:16px;font-weight:600;color:#1a1a1a;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;position:relative;&:after{content:"+";font-size:24px;font-weight:300;color:var(--theme-color,#0d6efd);transition:transform .3s ease}&:not(.collapsed):after{content:"−";transform:rotate(180deg)}&:hover{background:#e9ecef;color:var(--theme-color,#0d6efd)}&:focus{outline:none;box-shadow:none}}}.accordion-collapse{max-height:0;overflow:hidden;transition:max-height .4s ease;&.show{max-height:500px}&.collapse:not(.show){display:block}}.accordion-body{padding:20px 25px;background:#fff;.faq-text{margin:0;color:#666;line-height:1.8}}.sidebar-area{.widget{padding:25px;border-radius:10px;margin-bottom:25px;border:1px solid #e0e0e0;&.bg-smoke{background:#f8f9fa}}.widget_title{font-size:20px;font-weight:600;margin-bottom:20px;color:#1a1a1a}.widget_nav_menu{.menu{list-style:none;margin:0;padding:5px 0 0;li{margin:10px 0!important;&:last-child{margin-bottom:0}a{display:block;padding:12px 15px;color:#333;text-decoration:none;border-radius:6px;transition:all .3s ease;font-size:15px;&:hover{background:#fff;color:var(--theme-color,#0d6efd);padding-left:20px}&.activePage{background:var(--theme-color,#0d6efd);color:#fff;font-weight:500}}}}}.widget-availability{.info{display:flex;align-items:center;margin-bottom:15px;font-size:14px;color:#666;&:last-child{margin-bottom:0}i{margin-right:10px;color:var(--theme-color,#0d6efd);font-size:16px}&.closed{color:#dc3545;i{color:#dc3545}}}}}