:root{--color-bg-base: #030305;--color-bg-primary: #08080c;--color-bg-secondary: #12121a;--color-bg-tertiary: #1c1c28;--color-text-primary: #ffffff;--color-text-secondary: #8b8b9d;--color-text-muted: #5e5e73;--color-accent-cyan: #00f0ff;--color-accent-red: #ff2a7a;--color-accent-pink: #ff00ff;--gradient-text: linear-gradient(135deg, #ffffff 0%, #dcdce6 100%);--gradient-neon: linear-gradient(135deg, var(--color-accent-cyan) 0%, var(--color-accent-red) 100%);--gradient-glow: linear-gradient(90deg, rgba(0, 240, 255, .4), rgba(255, 42, 122, .4));--glass-bg: rgba(12, 12, 18, .45);--glass-bg-hover: rgba(20, 20, 30, .65);--glass-border: rgba(255, 255, 255, .08);--glass-border-highlight: rgba(255, 255, 255, .25);--glass-blur: 24px;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--font-family-sans: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--spacing-2xl: 8rem;--transition-fast: .15s ease;--transition-medium: .3s ease;--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}@keyframes boot-up-fade{0%{opacity:0;filter:brightness(2) contrast(1.5) blur(10px);transform:scale(1.05)}to{opacity:1;filter:brightness(1) contrast(1) blur(0px);transform:scale(1)}}.fade-in-boot{animation:boot-up-fade 1.5s cubic-bezier(.1,.9,.2,1) forwards}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--color-bg-base)}body{font-family:var(--font-family-sans);background-color:transparent;color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font-family:inherit;border:none;background:none;cursor:pointer}ul,ol{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.text-neon{background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(0,240,255,.3)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.header{position:fixed;top:var(--spacing-md);left:50%;transform:translate(-50%);width:90%;max-width:1000px;z-index:1000;transition:all var(--transition-medium);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:40px;box-shadow:var(--glass-shadow)}.header.scrolled{width:80%;max-width:800px;background:#08080cb3;border:1px solid var(--glass-border-highlight);box-shadow:0 10px 40px -10px #00f0ff1a}.header-container{display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem}.logo{font-size:1.25rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--color-text-primary);font-family:var(--font-family-mono)}.logo-accent{color:var(--color-accent-cyan);text-shadow:0 0 10px rgba(0,240,255,.5)}.desktop-nav{display:flex;gap:2rem}.nav-link{color:var(--color-text-secondary);font-weight:500;font-size:.95rem;transition:all var(--transition-fast);position:relative;padding:.5rem 0}.nav-link:hover{color:var(--color-text-primary);text-shadow:0 0 8px rgba(255,255,255,.5)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--gradient-neon);transition:width var(--transition-medium);border-radius:2px;box-shadow:0 0 10px var(--color-accent-purple)}.nav-link:hover:after{width:100%}.mobile-menu-btn{display:none;color:var(--color-text-primary)}.mobile-nav{position:absolute;top:calc(100% + 1rem);left:0;width:100%;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:20px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;align-items:center;box-shadow:var(--glass-shadow)}@media(max-width:768px){.header{width:95%;top:var(--spacing-sm)}.header.scrolled{width:95%}.desktop-nav{display:none}.mobile-menu-btn{display:block}}.footer{background:transparent;border-top:1px solid var(--glass-border);padding:4rem 0 2rem;margin-top:auto;position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.footer-brand h3{font-size:1.75rem;margin-bottom:.5rem;font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:2px}.footer-brand p{color:var(--color-text-secondary)}.footer-socials{display:flex;gap:1.5rem}.footer-socials a{color:var(--color-text-secondary);transition:all var(--transition-fast);padding:.5rem;border-radius:50%;background:#ffffff0d;border:1px solid transparent;display:flex;align-items:center;justify-content:center}.footer-socials a:hover{color:var(--color-accent-cyan);background:#00f0ff1a;border-color:var(--color-accent-cyan);transform:translateY(-5px);box-shadow:0 5px 15px #00f0ff4d}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--glass-border);color:var(--color-text-muted);font-size:.95rem}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center;gap:2.5rem}}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:80px;width:100%;max-width:100%;overflow-x:hidden}.ai-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-color:var(--color-bg-base);overflow:hidden}.ai-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000 50%,#ffffff04 50%);background-size:100% 4px;pointer-events:none;z-index:2;opacity:.6}.mesh-gradient{position:absolute;border-radius:50%;filter:blur(160px);opacity:.35;animation:float 25s infinite ease-in-out}.mesh-1{width:70vw;height:70vw;background:radial-gradient(circle,#00f0ff1f,#0000 70%);top:-15vw;left:-15vw;animation-delay:0s}.mesh-2{width:65vw;height:65vw;background:radial-gradient(circle,#ff2a7a1f,#0000 70%);bottom:-15vw;right:-15vw;animation-duration:30s;animation-delay:-5s}.mesh-3{width:40vw;height:40vw;background:radial-gradient(circle,#ff00ff14,#0000 70%);top:40%;left:40%;animation-duration:30s;animation-delay:-10s}.ai-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;mix-blend-mode:screen}.vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 40%,rgba(3,3,5,.8) 100%);pointer-events:none}@keyframes float{0%{transform:translate(0) scale(1)}33%{transform:translate(5%,5%) scale(1.05)}66%{transform:translate(-2%,8%) scale(.95)}to{transform:translate(0) scale(1)}}.cursor-spotlight{position:fixed;top:0;left:0;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#00f0ff33,#ff003c1a 40%,#0000 70%);pointer-events:none;z-index:1;filter:blur(40px);mix-blend-mode:screen}@media(min-width:769px){body,*{cursor:none!important}}.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;background-color:var(--color-accent-cyan);border-radius:50%;pointer-events:none;z-index:99999;box-shadow:0 0 10px var(--color-accent-cyan)}.cursor-ring{position:fixed;top:0;left:0;width:40px;height:40px;border:1px solid rgba(255,42,122,.5);border-radius:50%;pointer-events:none;z-index:99998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;position:relative;overflow:hidden;font-family:var(--font-family-sans)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-medium)}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-neon);color:#fff;border:none;box-shadow:0 4px 15px #00f0ff4d}.btn-primary:hover{box-shadow:0 6px 25px #8a2be280;transform:translateY(-2px)}.btn-secondary{background:var(--glass-bg);color:var(--color-text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--color-accent-purple);box-shadow:0 0 15px #8a2be233;transform:translateY(-2px)}.btn-accent{background:transparent;border:1px solid var(--color-accent-cyan);color:var(--color-accent-cyan);box-shadow:inset 0 0 10px #00f0ff1a}.btn-accent:hover{box-shadow:0 0 20px #00f0ff66,inset 0 0 10px #00f0ff33;background:#00f0ff1a;transform:translateY(-2px)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:80px}.hero-content{text-align:center;max-width:900px;z-index:2;position:relative}.hero-subtitle-container{display:inline-block;padding:.5rem 1.5rem;border-radius:30px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));margin-bottom:2rem;box-shadow:0 0 20px #00f0ff1a}.hero-subtitle{color:var(--color-accent-cyan);font-size:1.1rem;letter-spacing:3px;text-transform:uppercase;font-weight:600;font-family:var(--font-family-mono)}@keyframes majestic-pulse{0%{filter:drop-shadow(0 0 15px rgba(255,42,122,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 40px rgba(0,240,255,.6));transform:scale(1.01)}to{filter:drop-shadow(0 0 15px rgba(255,42,122,.3));transform:scale(1)}}@keyframes ethereal-glow{0%{text-shadow:0 0 20px rgba(255,255,255,.1)}50%{text-shadow:0 0 30px rgba(255,42,122,.4),0 0 50px rgba(0,240,255,.4)}to{text-shadow:0 0 20px rgba(255,255,255,.1)}}.hero-title{font-size:6.5rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-2px;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:majestic-pulse 8s infinite ease-in-out,ethereal-glow 5s infinite ease-in-out}.hero-accent{background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,42,122,.5)}.hero-description{font-size:1.35rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:3rem;max-width:650px;margin-left:auto;margin-right:auto;font-weight:300}.hero-actions{display:flex;gap:1.5rem;justify-content:center}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);opacity:.5;z-index:2}.mouse{width:24px;height:40px;border:2px solid var(--color-text-secondary);border-radius:20px;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wheel{width:4px;height:8px;background:var(--color-accent-cyan);border-radius:2px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scroll 1.5s infinite;box-shadow:0 0 8px var(--color-accent-cyan)}@keyframes scroll{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,15px);opacity:0}}@media(max-width:768px){.hero-title{font-size:3.5rem}.hero-subtitle{font-size:.9rem}.hero-description{font-size:1.1rem;padding:0 1rem}.hero-actions{flex-direction:column;align-items:center;width:100%;padding:0 2rem}}.project-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;transition:all var(--transition-medium);display:flex;flex-direction:column;height:100%;box-shadow:var(--glass-shadow);position:relative}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;padding:2px;background:var(--gradient-neon);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-medium);pointer-events:none;z-index:10}.project-card:hover{transform:translateY(-8px);background:var(--glass-bg-hover);box-shadow:0 15px 40px #00f0ff26,0 0 20px #8a2be21a}.project-card:hover:before{opacity:1}.card-image-container{position:relative;width:100%;height:220px;background-color:var(--color-bg-primary);overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .card-image{transform:scale(1.08)}.card-placeholder{width:100%;height:100%;background:linear-gradient(45deg,var(--color-bg-secondary),var(--color-bg-tertiary))}.card-actions-bottom{display:flex;gap:1.5rem;margin-top:1.5rem}.bottom-link{display:flex;align-items:center;gap:.4rem;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;transition:color var(--transition-fast)}.bottom-link:hover{color:var(--color-accent-cyan)}.card-content{padding:1.75rem;flex:1;display:flex;flex-direction:column}.card-title{font-size:1.4rem;font-weight:700;margin-bottom:.75rem;color:var(--color-text-primary)}.card-description{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:1.5rem;line-height:1.6;flex:1}.card-tags{display:flex;flex-wrap:wrap;gap:.6rem}.tag{font-size:.75rem;padding:.35rem .8rem;border-radius:50px;background:#00f0ff0d;color:var(--color-accent-cyan);border:1px solid rgba(0,240,255,.2);font-family:var(--font-family-mono);font-weight:500}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#08080cb3;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.modal-content{position:relative;width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;padding:0;box-shadow:0 25px 60px #ff2a7a26,0 0 40px #00f0ff1a;border-color:#fff3}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.modal-close{position:absolute;top:1.5rem;right:1.5rem;color:var(--color-text-secondary);background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition-fast)}.modal-close:hover{color:var(--color-accent-red);background:#ff2a7a1a;transform:rotate(90deg) scale(1.1);border-color:var(--color-accent-red)}.modal-grid{display:grid;grid-template-columns:1fr 1fr;min-height:500px}.modal-image-wrapper{position:relative;width:100%;height:100%;min-height:300px}.modal-image{width:100%;height:100%;object-fit:cover}.modal-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#0c0c1200,#0c0c12e6)}.modal-info{padding:4rem 3rem;display:flex;flex-direction:column;justify-content:center}.modal-title{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem}.modal-description{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:2rem}.modal-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:3rem}.modal-tag{font-size:.9rem;color:var(--color-accent-cyan);background:#00f0ff1a;padding:.4rem 1rem;border-radius:20px;border:1px solid rgba(0,240,255,.2);font-family:var(--font-family-mono)}.modal-actions{display:flex;gap:1.5rem}.github-btn{display:flex;align-items:center}@media(max-width:968px){.modal-grid{grid-template-columns:1fr}.modal-image-overlay{background:linear-gradient(to bottom,#0c0c1200,#0c0c12)}.modal-info{padding:2rem}.modal-actions{flex-direction:column}}.portfolio-section{padding:6rem 0;position:relative;z-index:2}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem}.section-subtitle{color:var(--color-text-secondary);font-size:1.2rem;max-width:600px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}@media(max-width:768px){.section-title{font-size:2.5rem}.projects-grid{grid-template-columns:1fr}}.tech-stack-container{padding:2rem;height:100%;min-height:400px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(0,240,255,.05),transparent 60%)}.tech-stack-title{font-size:1.5rem;font-weight:800;margin-bottom:1rem;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:2px;z-index:2}.cloud-wrapper{flex:1;width:100%;cursor:grab;display:flex;justify-content:center;align-items:center;position:relative;min-height:350px}.cloud-wrapper:active{cursor:grabbing}.cloud-glow-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(0,240,255,.15) 0%,rgba(255,42,122,.1) 40%,transparent 70%);border-radius:50%;z-index:-1;filter:blur(30px)}.github-section{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.github-content{display:flex;flex-direction:column;align-items:center;width:100%}.section-subtitle{color:var(--color-text-secondary);margin-bottom:1.5rem}.calendar-wrapper{width:100%;display:flex;justify-content:center;overflow-x:auto}.react-activity-calendar__count{color:var(--color-text-secondary)}.resume-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:2rem}.resume-modal-content{background:var(--color-bg-secondary);width:100%;max-width:900px;height:85vh;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;overflow:hidden}.resume-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.resume-header h2{font-size:1.5rem;color:var(--color-text-primary)}.resume-actions{display:flex;gap:1rem;align-items:center}.resume-download-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-primary);color:#fff;border-radius:6px;text-decoration:none;font-weight:600;transition:background .3s ease}.resume-download-btn:hover{background:var(--color-accent)}.resume-close-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:color .3s ease}.resume-close-btn:hover{color:var(--color-text-primary)}.resume-body{flex:1;background:#1e1e1e;overflow:hidden;position:relative}.resume-fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--color-text-secondary)}.fallback-link{color:var(--color-primary);margin-top:1rem;display:inline-block}.bento-section{padding:6rem 0;position:relative;z-index:2}.bento-header{text-align:center;margin-bottom:4rem}.section-title{font-size:3.5rem;font-weight:800;margin-bottom:.5rem}.bento-subtitle{color:var(--color-text-secondary);font-size:1.2rem}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(200px,auto);gap:1.5rem}.bento-card{padding:2.5rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.bento-card:hover{transform:translateY(-5px);box-shadow:0 15px 45px #ff003c33,0 0 20px #00f0ff1a;border-color:var(--color-accent-red)}.col-span-2{grid-column:span 2;min-width:0}.col-span-1{grid-column:span 1;min-width:0}.row-span-2{grid-row:span 2}.row-span-1{grid-row:span 1;min-width:0}.bento-item{display:flex;flex-direction:column;height:100%;width:100%}.tilt-wrapper{flex:1;display:flex;flex-direction:column;width:100%;height:100%}.p-0{padding:0!important}.intro-card h3{font-size:2.5rem;margin-bottom:1rem;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-text{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:1.5rem}.image-card{padding:0}.image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.about-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.image-card:hover .about-image{transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(8,8,12,.9),transparent)}.tech-card{padding:1.5rem}.github-card{padding:2rem;align-items:center}@media(max-width:968px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.col-span-2,.col-span-1{grid-column:span 1}.row-span-2,.row-span-1{grid-row:span 1}.image-card{height:350px}}.contact-section{padding:8rem 0;position:relative;text-align:center;z-index:2}.contact-content{max-width:600px;margin:0 auto}.contact-form{margin-top:3rem;background:var(--glass-bg);padding:3rem 2rem;border-radius:24px;border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow)}.form-group{margin-bottom:1.5rem;text-align:left}.form-input{width:100%;padding:1.25rem;background:#0003;border:1px solid var(--glass-border);border-radius:12px;color:var(--color-text-primary);font-family:inherit;font-size:1rem;transition:all var(--transition-medium);box-shadow:inset 0 2px 4px #00000080}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{outline:none;border-color:var(--color-accent-cyan);background:#00f0ff0d;box-shadow:0 0 15px #00f0ff33,inset 0 2px 4px #00000080}.form-textarea{min-height:160px;resize:vertical}.submit-btn{width:100%;margin-top:1rem}.form-actions{display:flex;justify-content:center}.status-message{margin-top:1.5rem;padding:1rem;border-radius:12px;text-align:center;font-weight:600;font-family:var(--font-family-mono)}.status-message.success{background:#00f0ff1a;color:var(--color-accent-cyan);border:1px solid rgba(0,240,255,.2)}.status-message.error{background:#ff00ff1a;color:var(--color-accent-pink);border:1px solid rgba(255,0,255,.2)}.services-section{padding:6rem 0;position:relative;z-index:2}.services-header{text-align:center;margin-bottom:4rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.service-card{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));padding:2.5rem;border-radius:20px;transition:all var(--transition-medium);display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;box-shadow:var(--glass-shadow)}.service-card:hover{transform:translateY(-8px);background:var(--glass-bg-hover);border-color:var(--color-accent-cyan);box-shadow:0 15px 40px #00f0ff26,inset 0 0 15px #00f0ff0d}.service-icon{margin-bottom:1.5rem;color:var(--color-text-secondary);background:#ffffff0d;padding:1rem;border-radius:12px;border:1px solid var(--glass-border);transition:all var(--transition-fast)}.service-card:hover .service-icon{color:var(--color-accent-cyan);background:#00f0ff1a;border-color:var(--color-accent-cyan);transform:scale(1.1);box-shadow:0 5px 15px #00f0ff33}.service-title{font-size:1.5rem;margin-bottom:1rem;color:var(--color-text-primary);font-weight:700}.service-desc{color:var(--color-text-secondary);line-height:1.6}@media(max-width:768px){.services-grid{grid-template-columns:1fr}}.preloader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#030305;z-index:999999;display:flex;flex-direction:column;justify-content:center;padding:3rem}.preloader-terminal{font-family:var(--font-family-mono);font-size:1.2rem;color:var(--color-accent-cyan);text-shadow:0 0 10px rgba(0,240,255,.5);max-width:800px;margin:0 auto;width:100%}.preloader-line{margin-bottom:.8rem;opacity:0}.preloader-line.granted{color:#0f6;text-shadow:0 0 15px rgba(0,255,102,.8);font-weight:700}.preloader-cursor{color:var(--color-accent-red);margin-right:.5rem}.preloader-typing{display:inline-block;color:var(--color-accent-cyan);margin-top:1rem}body.matrix-theme{--color-accent-cyan: #00ff41 !important;--color-accent-red: #008f11 !important;--color-accent-pink: #00ff41 !important;--gradient-text: linear-gradient(135deg, #00ff41 0%, #008f11 100%) !important;--gradient-neon: linear-gradient(135deg, #00ff41 0%, #008f11 100%) !important;--gradient-glow: linear-gradient(90deg, rgba(0, 255, 65, .4), rgba(0, 143, 17, .4)) !important;--glass-border-highlight: rgba(0, 255, 65, .4) !important;--color-text-primary: #00ff41 !important;--color-text-secondary: #008f11 !important}body.matrix-theme *{font-family:Courier New,Courier,monospace!important}body.matrix-theme img{filter:sepia(100%) hue-rotate(80deg) saturate(400%) contrast(1.2) brightness(.8)!important}body.matrix-theme .ai-background:before{background:linear-gradient(to bottom,#0000 50%,#00ff411a 50%)!important;opacity:1!important}body.matrix-theme .mesh-gradient{background:radial-gradient(circle,#00ff4133,#0000 70%)!important}.hacker-terminal{position:fixed;top:0;left:0;width:100vw;height:50vh;background:#050508f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--color-accent-cyan);z-index:9999999;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;box-shadow:0 10px 40px #00f0ff33}.terminal-header{background:#00f0ff1a;padding:.5rem 1rem;display:flex;justify-content:space-between;color:var(--color-accent-cyan);font-weight:700;border-bottom:1px solid rgba(0,240,255,.2)}.terminal-header button{background:none;border:none;color:var(--color-accent-red);cursor:pointer;font-weight:700}.terminal-body{padding:1rem;flex:1;overflow-y:auto;color:#fff;font-size:1rem}.terminal-line{margin-bottom:.4rem;color:#fffc}.terminal-input-line{display:flex;align-items:center;margin-top:.5rem}.terminal-prompt{color:var(--color-accent-cyan);margin-right:.5rem;font-weight:700}.terminal-input{background:transparent;border:none;color:#fff;font-family:inherit;font-size:1rem;flex:1;outline:none}.chatbot-wrapper{position:fixed;bottom:2rem;right:2rem;z-index:99990;display:flex;flex-direction:column;align-items:flex-end}.chatbot-toggle{width:60px;height:60px;border-radius:50%;background:var(--gradient-neon);color:#fff;border:none;box-shadow:0 10px 30px #ff2a7a66;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:1rem}.chatbot-window{width:350px;height:450px;background:#0c0c12d9;border:1px solid var(--glass-border-highlight);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.chatbot-header{padding:1rem;background:#ffffff0d;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.chatbot-title{font-weight:700;display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary)}.status-dot{width:8px;height:8px;background:var(--color-accent-cyan);border-radius:50%;box-shadow:0 0 10px var(--color-accent-cyan)}.close-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer}.chatbot-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-messages::-webkit-scrollbar-thumb{background:#fff3}.chat-bubble{max-width:85%;padding:.8rem 1rem;border-radius:15px;font-size:.95rem;line-height:1.4}.chat-bubble.ai{align-self:flex-start;background:#00f0ff1a;border:1px solid rgba(0,240,255,.2);color:var(--color-accent-cyan);border-bottom-left-radius:2px}.chat-bubble.user{align-self:flex-end;background:#ff2a7a1a;border:1px solid rgba(255,42,122,.2);color:#fff;border-bottom-right-radius:2px}.chatbot-input-area{padding:1rem;display:flex;gap:.5rem;border-top:1px solid var(--glass-border);background:#0003}.chatbot-input-area input{flex:1;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:20px;padding:.5rem 1rem;color:#fff;outline:none}.chatbot-input-area button{background:var(--color-accent-cyan);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#000;cursor:pointer}@media(max-width:768px){.chatbot-window{width:300px;height:400px}}