:root{--background: #0a0e1a;--background-secondary: #0d1321;--surface: #141b2d;--surface-elevated: #1a2337;--primary-nav: #0a0e1a;--secondary: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--accent: #00d4ff;--accent-secondary: #7c3aed;--accent-tertiary: #10b981;--border: #1e293b;--glow-cyan: rgba(0, 212, 255, .3);--glow-purple: rgba(124, 58, 237, .3);--gradient-scientific: linear-gradient(135deg, #0a0e1a 0%, #1a1f35 50%, #0d1321 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--gradient-scientific);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:var(--primary-nav);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:sticky;top:0;z-index:1000;transition:all .3s ease}.header.scrolled{padding:.5rem 0;background:#0f1e33f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.025em}.nav-links{display:flex;list-style:none;gap:2rem}.dropdown{position:relative}.dropdown-contents{display:none;position:absolute;top:100%;left:0;background:var(--primary-nav);min-width:240px;box-shadow:0 8px 16px #0003;z-index:1001;padding:.5rem 0;border-radius:4px;white-space:nowrap}.dropdown:hover .dropdown-contents{display:block}.dropdown-contents li{list-style:none}.dropdown-contents a{display:block;padding:.75rem 1rem;color:#e5e7eb;text-decoration:none;transition:background .2s,color .2s}.dropdown-contents a:hover{background:#ffffff1a;color:#fff}.nav-links a{text-decoration:none;color:#e5e7eb;font-weight:500;font-size:.95rem;transition:color .2s ease}.nav-links a:hover{color:#fff}.hero{position:relative;padding:6rem 0 4rem;text-align:center;color:var(--text-primary);overflow:hidden;background:linear-gradient(180deg,transparent 0%,rgba(0,212,255,.02) 50%,transparent 100%)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,212,255,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(124,58,237,.06) 0%,transparent 40%);pointer-events:none;z-index:0}.hero .container{position:relative;z-index:1}.hero-background{position:absolute;inset:0;overflow:hidden;z-index:0}.grid-pattern{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.particle{position:absolute;border-radius:50%;pointer-events:none}.particle-1{width:4px;height:4px;background:var(--accent);top:20%;left:10%;animation:float1 8s ease-in-out infinite;box-shadow:0 0 10px var(--glow-cyan)}.particle-2{width:6px;height:6px;background:var(--accent-secondary);top:60%;left:85%;animation:float2 10s ease-in-out infinite;box-shadow:0 0 15px var(--glow-purple)}.particle-3{width:3px;height:3px;background:var(--accent-tertiary);top:40%;left:5%;animation:float3 7s ease-in-out infinite}.particle-4{width:5px;height:5px;background:var(--accent);top:75%;left:25%;animation:float1 9s ease-in-out infinite reverse;box-shadow:0 0 12px var(--glow-cyan)}.particle-5{width:4px;height:4px;background:var(--accent-secondary);top:15%;left:70%;animation:float2 11s ease-in-out infinite;box-shadow:0 0 10px var(--glow-purple)}.shape{position:absolute;pointer-events:none;opacity:.15}.shape-hexagon{width:80px;height:92px;background:linear-gradient(135deg,var(--accent) 0%,transparent 60%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);top:25%;right:8%;animation:floatRotate 15s ease-in-out infinite}.shape-triangle{width:0;height:0;border-left:35px solid transparent;border-right:35px solid transparent;border-bottom:60px solid var(--accent-secondary);top:65%;left:12%;animation:floatRotate 12s ease-in-out infinite reverse;opacity:.12}.shape-circle{width:100px;height:100px;border:2px solid var(--accent);border-radius:50%;top:10%;left:15%;animation:pulse 4s ease-in-out infinite}.shape-ring{width:60px;height:60px;border:1px solid var(--accent-secondary);border-radius:50%;bottom:20%;right:15%;animation:pulse 5s ease-in-out infinite 1s}.wave-container{position:absolute;bottom:0;left:0;right:0;height:120px;overflow:hidden}.wave{position:absolute;bottom:-10px;left:0;width:200%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V120H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z' fill='rgba(0,212,255,0.03)'/%3E%3C/svg%3E") repeat-x;background-size:50% 100%;animation:waveMove 25s linear infinite}.wave-2{animation-delay:-5s;opacity:.5;animation-duration:20s}.wave-3{animation-delay:-10s;opacity:.3;animation-duration:30s}.data-stream{position:absolute;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,var(--accent) 50%,transparent 100%);opacity:.1}.data-stream-1{left:20%;animation:streamFlow 3s linear infinite}.data-stream-2{left:40%;animation:streamFlow 4s linear infinite 1s}.data-stream-3{left:60%;animation:streamFlow 3.5s linear infinite .5s}.data-stream-4{left:80%;animation:streamFlow 4.5s linear infinite 2s}@keyframes float1{0%,to{transform:translate(0)}25%{transform:translate(20px,-30px)}50%{transform:translate(-10px,-50px)}75%{transform:translate(15px,-20px)}}@keyframes float2{0%,to{transform:translate(0)}25%{transform:translate(-25px,20px)}50%{transform:translate(15px,40px)}75%{transform:translate(-20px,15px)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-40px) scale(1.2)}}@keyframes floatRotate{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-15px,20px) rotate(90deg)}50%{transform:translate(10px,-15px) rotate(180deg)}75%{transform:translate(-10px,-25px) rotate(270deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.15}50%{transform:scale(1.1);opacity:.25}}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes streamFlow{0%{transform:translateY(-100%);opacity:0}50%{opacity:.2}to{transform:translateY(100%);opacity:0}}.hero h1{font-size:3.75rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1.5rem;color:var(--text-primary);animation:fadeInUp .8s ease-out;text-shadow:0 0 40px rgba(0,212,255,.1)}.hero p{font-size:1.25rem;color:var(--text-muted);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease-out .2s both}.cta-button{display:inline-block;background:var(--accent);color:#fff;padding:1rem 2.5rem;text-decoration:none;border-radius:6px;font-weight:600;transition:all .2s ease;box-shadow:0 4px 6px -1px #2563eb33;animation:fadeInUp .8s ease-out .4s both}.cta-button:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb4d}.hero-subtitle{font-size:1.25rem;color:var(--accent);font-weight:600;margin-bottom:1rem;animation:fadeInUp .8s ease-out .2s both;text-transform:uppercase;letter-spacing:.1em}.hero-description{font-size:1.1rem;color:var(--text-muted);margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7;animation:fadeInUp .8s ease-out .3s both}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem;animation:fadeInUp .8s ease-out .4s both}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2.5rem;font-weight:800;color:var(--accent);line-height:1;text-shadow:0 0 20px var(--glow-cyan)}.stat-label{font-size:.875rem;color:var(--text-muted);margin-top:.5rem;font-weight:500}.features{padding:4rem 0 5rem;background:transparent}.fc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem;margin-top:2.5rem}@media(max-width:900px){.fc-grid{grid-template-columns:1fr}}.fc-card{background:#0f172abf;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.fc-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000008c;border-color:#ffffff24}.fc-header{display:flex;gap:1.25rem;align-items:flex-start}.fc-icon-wrap{flex-shrink:0;width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 4px 16px #00000059}.fc-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem;letter-spacing:-.01em}.fc-desc{font-size:.875rem;color:var(--text-muted);line-height:1.6}.fc-stats{display:flex;gap:.75rem}.fc-stat{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.75rem .5rem;text-align:center}.fc-stat-value{display:block;font-size:1.25rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.fc-stat-label{display:block;font-size:.72rem;color:var(--text-muted);margin-top:.3rem;text-transform:uppercase;letter-spacing:.04em}.fc-section-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.fc-benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem}.fc-benefit{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--text-secondary)}.fc-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.fc-tech-header{display:flex;justify-content:space-between;align-items:center}.fc-tech-count{font-size:.75rem;color:var(--text-muted)}.fc-tech-bars{display:flex;flex-direction:column;gap:.6rem}.tech-bar-row{display:flex;align-items:center;gap:.6rem}.tech-bar-label{display:flex;align-items:center;gap:.35rem;width:110px;font-size:.8rem;color:var(--text-secondary);flex-shrink:0}.tech-bar-icon{font-size:.95rem}.tech-bar-track{flex:1;height:6px;background:#ffffff0f;border-radius:999px;overflow:hidden}.tech-bar-fill{height:100%;border-radius:999px;transition:width .6s ease;opacity:.9}.tech-bar-pct{font-size:.75rem;font-weight:600;width:36px;text-align:right;flex-shrink:0}.fc-expand-btn{margin-top:.5rem;background:transparent;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;padding:.25rem 0;transition:color .2s;display:block;width:100%;text-align:center}.fc-expand-btn:hover{color:var(--text-primary)}.fc-cta{display:flex;align-items:center;justify-content:center;gap:.6rem;border:none;border-radius:10px;padding:.875rem 1.5rem;font-size:.95rem;font-weight:700;color:#fff;cursor:pointer;margin-top:auto;transition:opacity .2s,transform .2s;letter-spacing:.01em;box-shadow:0 4px 16px #00000059}.fc-cta:hover{opacity:.9;transform:translateY(-1px)}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.025em}.section-subtitle{text-align:center;color:var(--text-muted);font-size:1.125rem;max-width:600px;margin:0 auto}.contact-section{padding:5rem 0;background:transparent;position:relative}.contact-section .section-title{margin-bottom:.75rem}.contact-section .section-subtitle{margin-bottom:3rem}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;max-width:900px;margin:0 auto}.contact-card{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2.5rem 1.5rem;transition:all .3s ease;box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00d4ff26;border-color:var(--accent)}.contact-card-icon{font-size:2.25rem;color:var(--accent);margin-bottom:1.25rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00d4ff14;transition:all .3s ease}.contact-card:hover .contact-card-icon{background:#00d4ff26;box-shadow:0 0 20px var(--glow-cyan)}.contact-card-icon.linkedin{color:#0a66c2;background:#0a66c21a}.contact-card:hover .contact-card-icon.linkedin{background:#0a66c233;box-shadow:0 0 20px #0a66c24d}.contact-card-icon.github{color:#e6edf3;background:#e6edf314}.contact-card:hover .contact-card-icon.github{background:#e6edf326;box-shadow:0 0 20px #e6edf326}.contact-card-icon.gitlab{color:#fc6d26;background:#fc6d2614}.contact-card:hover .contact-card-icon.gitlab{background:#fc6d2626;box-shadow:0 0 20px #fc6d2633}.contact-card h3{color:var(--text-primary);font-size:1.15rem;font-weight:600;margin-bottom:.4rem}.contact-card p{color:var(--text-muted);font-size:.9rem;word-break:break-word}.footer{background:var(--primary-nav);color:#fff;text-align:center;padding:4rem 0;border-top:1px solid rgba(255,255,255,.1)}.footer p{color:#9ca3af}.social-links{margin-top:1.5rem;display:flex;justify-content:center;gap:1.5rem}.social-links a{color:#9ca3af;font-size:1.5rem;transition:color .2s ease}.social-links a:hover{color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero h1{font-size:2.5rem}.hero-stats{gap:1.5rem}.stat-number{font-size:1.75rem}.nav-links{flex-direction:column;gap:1rem;position:absolute;top:100%;left:0;right:0;background:var(--primary-nav);padding:1rem;text-align:center;clip-path:circle(0% at 100% 0);transition:clip-path .3s ease-in-out}.nav:hover .nav-links{clip-path:circle(140% at 100% 0)}.nav{flex-wrap:wrap}}