.section{padding:8rem 0!important;position:relative;width:100%;overflow:hidden}.section-title{font-size:3rem;text-align:center;margin-bottom:2rem}.section-subtitle{text-align:center;color:hsl(var(--text-secondary));max-width:600px;margin:0 auto 5rem}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-image img{width:100%;border-radius:var(--radius);box-shadow:0 20px 40px #0000004d}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.service-card{background:hsl(var(--bg-secondary));padding:2.5rem;border-radius:var(--radius);border:1px solid hsl(var(--border));transition:transform .3s;height:100%}.service-card:hover{transform:translateY(-5px);border-color:hsl(var(--accent))}.service-icon{color:hsl(var(--accent));margin-bottom:1.5rem}@media(max-width:768px){.section{padding:8rem 0!important}.about-content{grid-template-columns:1fr}.section-title{font-size:2.5rem}}.project-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:1000;display:flex;justify-content:center;align-items:center;padding:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.project-modal-content{background:hsl(var(--bg-secondary));width:100%;max-width:900px;max-height:90vh;border-radius:20px;overflow-y:auto;position:relative;border:1px solid hsl(var(--border));box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s ease}.modal-header-image{width:100%;height:300px;object-fit:cover;object-position:top}.modal-body{padding:2rem}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:#00000080;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10}.modal-close-btn:hover{background:hsl(var(--accent))}.project-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:2rem}.gallery-item{width:100%;height:150px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;cursor:pointer;transition:transform .2s;border:2px solid transparent}.gallery-item:hover{transform:scale(1.05);border-color:hsl(var(--accent))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:1100;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .2s ease}.lightbox-content{position:relative;max-width:80vw;max-height:80vh}.lightbox-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:4px;box-shadow:0 0 50px #00000080}.lightbox-close{position:absolute;top:2rem;right:2rem;background:transparent;border:none;color:#fff;cursor:pointer;z-index:1110;padding:10px;border-radius:50%;transition:background .2s}.lightbox-close:hover{background:#ffffff1a}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:1120}.lightbox-nav:hover{background:hsl(var(--accent))}.lightbox-prev{left:-60px}.lightbox-next{right:-60px}@media(max-width:768px){.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-content{max-width:95vw}}.reveal-on-scroll{opacity:0;transform:translateY(50px);transition:opacity 1s cubic-bezier(.5,0,0,1),transform 1s cubic-bezier(.5,0,0,1);will-change:opacity,transform}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.toast{position:fixed;top:20px;right:20px;background:#14141ef2;color:#fff;padding:1rem 1.5rem;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(255,255,255,.1);z-index:9999;animation:slideIn .3s ease,fadeOut .3s ease 2.7s forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-content{display:flex;align-items:center;gap:.75rem;font-weight:500}.toast-close{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:color .2s}.toast-close:hover{color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .3s ease;padding:1.5rem 0;background:transparent}.header.scrolled{background:#0a0a14e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem;color:hsl(var(--text-primary))}.logo span{color:hsl(var(--accent))}.nav-menu{display:flex;gap:2rem;list-style:none}.nav-link{font-size:.95rem;font-weight:500;color:hsl(var(--text-secondary));transition:color .2s;cursor:pointer}.nav-link:hover,.nav-link.active{color:hsl(var(--text-primary))}.header-actions{display:flex;align-items:center;gap:1rem}@media(max-width:768px){.nav-menu{display:none}}:root{--bg-primary: 240 10% 3.9%;--bg-secondary: 240 5.9% 10%;--text-primary: 0 0% 98%;--text-secondary: 240 5% 64.9%;--accent: 252 59% 50.8%;--accent-foreground: 0 0% 98%;--border: 240 3.7% 15.9%;--radius: .75rem;--font-main: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-primary));color:hsl(var(--text-primary));font-family:var(--font-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{color:hsl(var(--text-primary));letter-spacing:-.025em;font-weight:600}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);font-weight:500;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s ease;border:none;font-size:.95rem}.btn-primary{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground));box-shadow:0 4px 14px #6464ff63}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--text-primary))}.btn-outline:hover{background:hsl(var(--bg-secondary))}.glass{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:hsl(var(--bg-primary))}::-webkit-scrollbar-thumb{background:hsl(var(--bg-secondary));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--border))}.hero-slider{position:relative;width:90%;max-width:1200px;height:600px;margin:150px auto 8rem!important;border-radius:30px;box-shadow:0 20px 50px #00000080;overflow:hidden;background:hsl(var(--bg-secondary));z-index:20}.slide-container{display:flex;width:100%;height:100%;cursor:grab}.slide-container:active{cursor:grabbing}.slide{min-width:100%;height:100%;position:relative;display:flex;flex-direction:column}.slide-image{position:relative;width:100%;flex:1;min-height:0;object-fit:cover;object-position:top;opacity:1;transition:transform .5s ease}.slide-content{position:relative;width:100%;height:auto;min-height:25%;z-index:10;text-align:center;padding:1rem 2rem 3rem;background:hsl(var(--bg-secondary));display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.05)}.slide-title{font-size:2rem;font-weight:700;margin-bottom:.2rem;background:linear-gradient(to right,hsl(var(--text-primary)),hsl(var(--text-secondary)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.slide-desc{font-size:1rem;color:hsl(var(--text-secondary));margin:.5rem 0 1rem;max-width:90%;line-height:1.4}.slider-controls{position:absolute;bottom:35%;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:20;pointer-events:none}.slider-controls button{pointer-events:auto}.arrow-btn{background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.arrow-btn:hover{background:hsl(var(--accent));border-color:hsl(var(--accent))}.slider-dots{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:20}.dot{width:8px;height:8px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .3s}.dot.active{background:hsl(var(--accent));transform:scale(1.2)}@media(max-width:768px){.hero-slider{margin:50px auto 2rem;width:95%;border-radius:15px;height:550px}.slide-image{height:50%}.slide-content{height:50%;padding:1rem}.slide-title{font-size:1.5rem}}.footer{background:hsl(var(--bg-secondary));padding:4rem 0 1rem;margin-top:4rem;border-top:1px solid hsl(var(--border))}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:3rem}.footer-logo h2{font-size:1.5rem;margin-bottom:1rem;color:hsl(var(--text-primary))}.footer-logo p{color:hsl(var(--text-secondary));max-width:300px}.footer-links h3,.footer-social h3{font-size:1.1rem;margin-bottom:1.5rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links a{color:hsl(var(--text-secondary))}.footer-links a:hover{color:hsl(var(--accent))}.social-icons{display:flex;gap:1rem}.social-icons a{width:40px;height:40px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:hsl(var(--text-primary));transition:all .3s}.social-icons a:hover{background:hsl(var(--accent));transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);color:hsl(var(--text-secondary));font-size:.9rem}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:2rem}}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;background:hsl(var(--accent));color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #0000004d;border:none;z-index:999;transition:all .3s ease;opacity:0;visibility:hidden;transform:translateY(20px)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background:hsl(var(--accent-hover));transform:translateY(-5px);box-shadow:0 6px 20px #0006}