:root{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .72);--bg-card-hover: rgba(255, 255, 255, .9);--color-primary: #008080;--color-primary-rgb: 0, 128, 128;--color-secondary: #006666;--color-secondary-rgb: 0, 102, 102;--color-accent: #b30030;--color-accent-blue: #0056b3;--color-accent-purple: #8a00b3;--text-primary: #121214;--text-secondary: #2d3748;--text-muted: #718096;--border-light: rgba(0, 128, 128, .15);--border-focus: rgba(0, 128, 128, .6);--border-glass: rgba(0, 0, 0, .08);--shadow-neon: 0 0 12px rgba(0, 128, 128, .15);--shadow-neon-strong: 0 0 20px rgba(0, 128, 128, .3);--shadow-purple: 0 0 12px rgba(138, 0, 179, .15);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .06);--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .4s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--color-secondary) var(--bg-primary)}html{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.glass{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:var(--shadow-glass)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-glow{animation:pulse-glow 3s ease-in-out infinite}.gradient-text{background:linear-gradient(135deg,#0f766e,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-accent-text{background:linear-gradient(135deg,#1d4ed8,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark-theme{--bg-primary: #030305;--bg-secondary: #0a0a0f;--bg-card: rgba(10, 10, 15, .72);--bg-card-hover: rgba(15, 15, 23, .9);--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-light: rgba(102, 252, 241, .25);--border-focus: rgba(102, 252, 241, .75);--border-glass: rgba(255, 255, 255, .08);--shadow-neon: 0 0 15px rgba(102, 252, 241, .25);--shadow-neon-strong: 0 0 25px rgba(102, 252, 241, .5);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .35);--color-primary: #66FCF1;--color-primary-rgb: 102, 252, 241;--color-secondary: #bd00ff;--color-secondary-rgb: 189, 0, 255;--color-accent: #ff0055}.dark-theme .navbar{background:#0a0a0fbf!important;border-bottom-color:#ffffff14!important}.dark-theme .navbar.scrolled{background:#050508e6!important}.dark-theme .logo svg path{fill:url(#darkLogoGrad)}.dark-theme .logo span{color:#fff}.dark-theme .nav-link{color:#d1d5db}.dark-theme .nav-link:hover{color:#66fcf1}.dark-theme .nav-link.active{color:#66fcf1;text-shadow:0 0 8px rgba(102,252,241,.4)}.dark-theme footer{background:#050508cc!important;border-top-color:#ffffff0d!important}.app-container{position:relative;min-height:100vh;z-index:1}.mouse-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.section{position:relative;padding:100px 20px;max-width:1200px;margin:0 auto;z-index:2}.section-header{text-align:center;margin-bottom:60px;animation:fadeIn 1s var(--transition-normal)}.section-title{font-size:2.5rem;margin-bottom:15px;font-weight:800}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 28px;border-radius:50px;font-family:var(--font-heading);font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--bg-primary);border:none;box-shadow:var(--shadow-neon)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-neon-strong)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:#66fcf114;border-color:var(--color-primary);transform:translateY(-2px)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;transition:all var(--transition-normal)}.navbar.scrolled{background:#ffffffd1;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--border-glass);box-shadow:0 4px 20px #0000000d}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px}.logo{display:flex;align-items:center;gap:12px;font-family:var(--font-heading);font-size:1.3rem;font-weight:900;color:var(--text-primary);text-decoration:none;letter-spacing:.16em;text-transform:uppercase}.logo svg{color:var(--color-primary)}.nav-links{display:flex;gap:30px;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer}.hero{min-height:100vh;display:flex;align-items:center;padding:120px 20px 80px;overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;max-width:1200px;margin:0 auto;align-items:center;z-index:2}.hero-content{animation:fadeIn 1s var(--transition-normal)}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:#66fcf11a;border:1px solid var(--border-light);border-radius:50px;padding:6px 16px;font-size:.85rem;color:var(--color-primary);font-weight:500;margin-bottom:20px}.hero-title{font-size:3.5rem;line-height:1.15;margin-bottom:25px;font-weight:800}.hero-desc{font-size:1.15rem;color:var(--text-secondary);margin-bottom:35px;line-height:1.6}.hero-actions{display:flex;gap:15px}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.hero-glow-card{width:320px;height:320px;position:relative;display:flex;justify-content:center;align-items:center}.hero-glow-card:before{content:"";position:absolute;width:120%;height:120%;background:radial-gradient(circle,rgba(102,252,241,.15) 0%,transparent 70%);z-index:-1;animation:pulse-glow 4s ease-in-out infinite}.glow-logo-box{width:200px;height:200px;border-radius:24px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1f283366,#0b0c10cc);border:1px solid var(--color-primary);box-shadow:var(--shadow-neon)}.glow-logo-box svg{width:100px;height:100px;color:var(--color-primary);filter:drop-shadow(0 0 10px rgba(102,252,241,.5))}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.service-card{padding:40px 30px;transition:all var(--transition-normal);display:flex;flex-direction:column;height:100%}.service-card:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:var(--shadow-neon)}.service-icon{width:60px;height:60px;border-radius:12px;background:#66fcf114;display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:25px;transition:all var(--transition-fast)}.service-card:hover .service-icon{background:var(--color-primary);color:var(--bg-primary)}.service-title{font-size:1.35rem;margin-bottom:15px}.service-desc{color:var(--text-secondary);line-height:1.6;font-size:.95rem}.portfolio-grid{display:flex;flex-direction:column;gap:60px}.portfolio-card{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:center;padding:40px;border-radius:20px}@media (max-width: 992px){.portfolio-card{grid-template-columns:1fr;gap:30px;padding:30px 20px}}.portfolio-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(5,5,8,.95) 10%,rgba(5,5,8,.4) 60%,transparent 100%);z-index:1}.portfolio-mock-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.portfolio-card:hover .portfolio-mock-img{transform:scale(1.08)}.portfolio-info{position:relative;z-index:2;transition:transform var(--transition-normal)}.portfolio-tag{font-size:.75rem;color:var(--color-primary);text-transform:uppercase;font-weight:700;letter-spacing:.05em;margin-bottom:8px}.portfolio-name{font-size:1.5rem;margin-bottom:10px}.portfolio-desc{font-size:.9rem;color:var(--text-secondary);opacity:0;transform:translateY(10px);transition:all var(--transition-normal)}.portfolio-card:hover .portfolio-desc{opacity:1;transform:translateY(0)}.pricing-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:40px}.toggle-label{font-size:1rem;font-weight:500;color:var(--text-secondary)}.toggle-label.active{color:var(--color-primary)}.toggle-switch{position:relative;display:inline-block;width:60px;height:32px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:34px;transition:var(--transition-fast)}.toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:3px;bottom:3px;background-color:var(--color-primary);border-radius:50%;transition:var(--transition-fast)}input:checked+.toggle-slider{background-color:#66fcf126;border-color:var(--color-primary)}input:checked+.toggle-slider:before{transform:translate(28px)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:80px}.pricing-card{padding:50px 30px;display:flex;flex-direction:column;position:relative;transition:all var(--transition-normal)}.pricing-card.popular{border-color:var(--color-primary);box-shadow:var(--shadow-neon)}.pricing-card.popular:before{content:"POPULAR";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--bg-primary);font-size:.75rem;font-weight:800;padding:4px 15px;border-radius:20px;letter-spacing:.05em}.plan-name{font-size:1.5rem;margin-bottom:15px}.plan-price-box{margin-bottom:25px}.plan-price{font-size:2.5rem;font-weight:800;color:var(--text-primary)}.plan-period{font-size:.95rem;color:var(--text-muted)}.plan-desc{font-size:.95rem;color:var(--text-secondary);margin-bottom:30px;line-height:1.5}.plan-features{list-style:none;margin-bottom:40px;display:flex;flex-direction:column;gap:15px}.plan-feature-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-secondary)}.plan-feature-item svg{color:var(--color-primary);flex-shrink:0}.pricing-calculator-box{margin-top:60px;padding:50px 40px}.calculator-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;margin-top:30px}.calculator-controls{display:flex;flex-direction:column;gap:25px}.calc-control-group{display:flex;flex-direction:column;gap:10px}.calc-label-box{display:flex;justify-content:space-between}.calc-label{font-weight:600;font-size:.95rem;color:var(--text-primary)}.calc-val{color:var(--color-primary);font-weight:700}.range-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:5px;background:var(--bg-primary);border:1px solid var(--border-light);outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-neon);transition:transform var(--transition-fast)}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.calc-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.calc-checkbox-card{padding:15px;display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid var(--border-glass);background:#1f283326;border-radius:12px;transition:all var(--transition-fast)}.calc-checkbox-card:hover{border-color:#66fcf14d}.calc-checkbox-card.selected{border-color:var(--color-primary);background:#66fcf10d}.calc-checkbox-card input{accent-color:var(--color-primary);width:18px;height:18px}.calculator-results{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;border-left:1px solid var(--border-glass)}.result-title{font-size:1.1rem;color:var(--text-secondary);margin-bottom:10px}.result-price{font-size:3rem;font-weight:800;color:var(--color-primary);margin-bottom:5px;text-shadow:var(--shadow-neon)}.result-subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:30px}.security-showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.security-showcase.glass{padding:50px 40px;border-radius:24px}.security-showcase.glass .metric-card{background:#05050873!important;border:1px solid rgba(102,252,241,.1)!important}@media (max-width: 992px){.security-showcase.glass{padding:30px 20px}}.security-left{display:flex;flex-direction:column;gap:20px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.metric-card{padding:25px;text-align:center}.metric-circle{width:80px;height:80px;border-radius:50%;border:4px solid var(--bg-primary);border-top-color:var(--color-primary);border-right-color:var(--color-primary);margin:0 auto 15px;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:1.25rem;color:var(--color-primary);box-shadow:var(--shadow-neon)}.metric-card:nth-child(2) .metric-circle{border-right-color:var(--color-primary);border-left-color:var(--color-primary)}.metric-label{font-size:.9rem;font-weight:600}.security-right{display:flex;flex-direction:column;gap:25px}.sec-feature-box{display:flex;gap:20px}.sec-feature-icon{width:44px;height:44px;border-radius:8px;background:#66fcf114;color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sec-feature-title{font-size:1.15rem;margin-bottom:8px}.sec-feature-desc{font-size:.92rem;color:var(--text-secondary);line-height:1.5}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.contact-info-panel{display:flex;flex-direction:column;gap:30px}.info-item{display:flex;gap:15px}.info-icon{width:44px;height:44px;border-radius:8px;background:#66fcf114;color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}.info-val{font-size:1rem;color:var(--text-primary);margin-top:4px}.contact-form-panel{padding:40px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group.full-width{margin-bottom:25px}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-control{padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);outline:none;transition:all var(--transition-fast)}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 8px #66fcf133}textarea.form-control{resize:vertical;min-height:120px}.honeypot{display:none!important}.status-message{padding:15px;border-radius:8px;margin-bottom:20px;font-size:.9rem;display:flex;align-items:center;gap:10px}.status-message.success{background:#66fcf11a;border:1px solid var(--color-primary);color:var(--color-primary)}.status-message.error{background:#c3073f1a;border:1px solid var(--color-accent);color:#ff6b8b}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:60px 20px 30px}.footer-container{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:1.2fr .8fr .8fr 1.2fr;gap:40px}.footer-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-top:15px;max-width:280px}.footer-col-title{font-size:1rem;font-weight:700;margin-bottom:20px;color:var(--text-primary);letter-spacing:.05em}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary)}.social-links{display:flex;gap:15px}.social-icon{width:40px;height:40px;border-radius:50%;background:#1f283333;border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast);text-decoration:none}.social-icon:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:30px;border-top:1px solid var(--border-glass);display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted)}@media (max-width: 992px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:50px}.hero-content{order:2}.hero-visual{order:1}.hero-actions{justify-content:center}.calculator-grid{grid-template-columns:1fr;gap:40px}.calculator-results{border-left:none;border-top:1px solid var(--border-glass);padding-top:40px}.security-showcase,.contact-grid{grid-template-columns:1fr;gap:40px}.footer-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.section{padding:60px 20px}.section-title{font-size:2rem}.hero-title{font-size:2.5rem}.form-row{grid-template-columns:1fr;gap:0}.nav-links{display:none}.mobile-menu-btn{display:block}.footer-container{grid-template-columns:1fr;gap:30px}}.reveal{opacity:0;transform:translateY(35px);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.glass{background:var(--bg-card)!important;border:1px solid var(--border-light)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}#security{background:transparent!important}.creators-container{display:flex;flex-direction:column;gap:80px;margin-top:50px}.creator-profile{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center;padding:50px 40px;border-radius:24px}.creator-profile.reverse{grid-template-columns:1.3fr 1fr}.creator-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.creator-image-wrapper:before{content:"";position:absolute;width:110%;height:110%;background:radial-gradient(circle,rgba(102,252,241,.15) 0%,transparent 70%);z-index:-1;animation:pulse-glow 4s ease-in-out infinite}.creator-image-wrapper.reverse-glow:before{background:radial-gradient(circle,rgba(189,0,255,.12) 0%,transparent 70%)}.creator-image{width:330px;height:330px;max-width:100%;border-radius:20px;border:1px solid var(--border-light);box-shadow:var(--shadow-neon);object-fit:cover;transition:transform var(--transition-normal),border-color var(--transition-normal)}.creator-profile.reverse .creator-image{border-color:#bd00ff4d;box-shadow:var(--shadow-purple)}.creator-image:hover{transform:scale(1.04) rotate(1deg)}.creator-profile.reverse .creator-image:hover{transform:scale(1.04) rotate(-1deg)}.creator-info{display:flex;flex-direction:column;gap:15px}.creator-name{font-size:2.4rem;font-weight:800;margin-bottom:2px}.creator-role{font-size:.88rem;color:var(--color-primary);text-transform:uppercase;font-weight:700;letter-spacing:.08em;display:flex;align-items:center;gap:8px}.creator-profile.reverse .creator-role{color:var(--color-accent-purple)}.creator-bio{color:var(--text-secondary);line-height:1.6;font-size:1.08rem}.creator-skills{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.skill-tag{background:#66fcf10d;border:1px solid rgba(102,252,241,.15);border-radius:20px;padding:6px 14px;font-size:.82rem;color:var(--text-primary);font-weight:600;transition:all var(--transition-fast)}.creator-profile.reverse .skill-tag{background:#bd00ff0d;border:1px solid rgba(189,0,255,.15)}.skill-tag:hover{border-color:var(--color-primary);background:#66fcf11a;transform:translateY(-2px)}.creator-profile.reverse .skill-tag:hover{border-color:var(--color-accent-purple);background:#bd00ff1a}.creator-profile.reverse .social-icon:hover{border-color:var(--color-accent-purple);color:var(--color-accent-purple);box-shadow:var(--shadow-purple);background:#bd00ff1a}@media (max-width: 992px){.creator-profile,.creator-profile.reverse{grid-template-columns:1fr;text-align:center;gap:30px;padding:30px 20px}.creator-image{width:280px;height:280px}.creator-image-wrapper{order:-1}.creator-role,.creator-skills{justify-content:center}}.portfolio-page-container{padding-top:130px;padding-bottom:100px;min-height:100vh;position:relative;z-index:2}.hanging-id-card-wrapper{position:fixed;top:0;right:50px;width:260px;height:700px;z-index:999;pointer-events:none;display:flex;flex-direction:column;align-items:center;transform:translateY(-100%);transition:transform .8s cubic-bezier(.175,.885,.32,1.275)}.hanging-id-card-wrapper.dropped{transform:translateY(0)}.lanyard-svg{width:100%;height:280px;overflow:visible;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.lanyard-line{fill:none;stroke:var(--color-primary);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px var(--color-primary))}.hanging-id-card{width:220px;height:330px;perspective:1000px;pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none}.hanging-id-card:active{cursor:grabbing}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;box-shadow:0 15px 35px #0006;border-radius:12px}.hanging-id-card.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;padding:20px 15px;overflow:hidden}.card-front{background:linear-gradient(135deg,#0f0f17f2,#050508fa);color:#fff;border:1px solid var(--color-primary);box-shadow:0 0 15px #66fcf126}.card-back{background:linear-gradient(135deg,#050508fa,#0f0f17f2);color:#fff;transform:rotateY(180deg);border:1px solid var(--color-secondary);box-shadow:0 0 15px #bd00ff26}.card-front:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(120deg,#fff0 30%,#66fcf11a,#bd00ff1a,#fff0 60%);background-size:200% 200%;background-position:0% 0%;pointer-events:none;animation:hologramGlow 6s linear infinite}@keyframes hologramGlow{0%{background-position:0% 0%}to{background-position:200% 200%}}.badge-header{font-size:.75rem;letter-spacing:.15em;color:var(--color-primary);font-weight:800;margin-bottom:18px}.badge-photo-wrapper{width:110px;height:110px;border-radius:50%;border:2px solid var(--color-primary);box-shadow:var(--shadow-neon);overflow:hidden;margin-bottom:15px;background:#00000080}.badge-photo{width:100%;height:100%;object-fit:cover}.badge-name{font-size:1.3rem;font-weight:700;margin-bottom:4px;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.3)}.badge-role{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px}.badge-rfid{display:flex;align-items:center;gap:8px;font-size:.7rem;color:var(--text-muted);background:#ffffff0d;padding:4px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.badge-led{width:8px;height:8px;border-radius:50%;background-color:#27c93f;box-shadow:0 0 8px #27c93f;animation:blinkLed 1.5s infinite}@keyframes blinkLed{0%,to{opacity:.3}50%{opacity:1;box-shadow:0 0 10px #27c93f,0 0 4px #27c93f}}.badge-barcode{margin-top:auto;font-family:Courier New,monospace;font-size:.75rem;letter-spacing:.2em;color:var(--text-muted);border-top:1px dashed rgba(255,255,255,.15);width:100%;text-align:center;padding-top:12px}.badge-chip{width:44px;height:32px;background:linear-gradient(135deg,#d4af37,#aa7c11);border-radius:4px;margin-bottom:20px;border:1px solid rgba(0,0,0,.2);position:relative}.badge-chip:after{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border:1px solid rgba(0,0,0,.15)}.badge-back-row{width:100%;display:flex;justify-content:space-between;font-size:.7rem;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-secondary)}.badge-back-row span:first-child{color:var(--text-muted);font-weight:600}.badge-back-row span:last-child{font-family:monospace}.badge-disclaimer{font-size:.58rem;color:var(--text-muted);text-align:center;margin-top:auto;line-height:1.3}.terminal-panel{border:1px solid var(--border-light);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-glass)}.terminal-header{height:38px;background:#0a0a0fe6;border-bottom:1px solid var(--border-glass);display:flex;align-items:center;padding:0 16px;justify-content:space-between}.terminal-dots{display:flex;gap:8px}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.close{background:#ff5f56}.terminal-dot.minimize{background:#ffbd2e}.terminal-dot.maximize{background:#27c93f}.terminal-title{font-family:monospace;font-size:.8rem;color:var(--text-muted)}.terminal-body{height:360px;background:#050508f2;padding:20px;font-family:Courier New,Courier,monospace;font-size:.9rem;color:#3f3;overflow-y:auto;text-shadow:0 0 3px rgba(51,255,51,.35);line-height:1.5}.terminal-input-line{display:flex;align-items:center;gap:8px;margin-top:10px}.terminal-prompt{color:var(--color-primary)}.terminal-input{background:transparent!important;border:none!important;outline:none!important;color:#fff!important;font-family:inherit!important;font-size:inherit!important;width:100%!important;caret-color:#3f3;padding:0!important}.system-visualizer-card{padding:30px;border-radius:16px}.system-nodes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:25px;position:relative;margin-bottom:30px}.arch-node-card{padding:20px 15px;border-radius:12px;text-align:center;border:1px solid var(--border-light);background:#ffffff05;transition:all var(--transition-fast);cursor:pointer}.arch-node-card:hover,.arch-node-card.active{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:var(--shadow-neon);background:#66fcf10d}.node-icon-wrapper{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:all var(--transition-fast);color:var(--text-primary)}.arch-node-card:hover .node-icon-wrapper,.arch-node-card.active .node-icon-wrapper{background:#66fcf126;border-color:var(--color-primary);color:var(--color-primary)}.node-title{font-size:.95rem;font-weight:700;margin-bottom:6px}.node-status{font-size:.7rem;color:#27c93f;display:flex;align-items:center;justify-content:center;gap:4px}.flow-svg-container{width:100%;height:60px;margin:15px 0;overflow:visible}.flow-line{fill:none;stroke:#ffffff1a;stroke-width:3;stroke-linecap:round}.flow-line-active{stroke:var(--color-primary);stroke-dasharray:8 8;animation:flowMotion 1.5s linear infinite;filter:drop-shadow(0 0 3px var(--color-primary))}@keyframes flowMotion{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}.metric-pill{display:inline-flex;flex-direction:column;padding:10px 15px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);min-width:100px}.metric-pill-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.metric-pill-value{font-size:1.1rem;font-weight:800;color:var(--color-primary);font-family:monospace}.skills-radar-section{display:grid;grid-template-columns:1fr 1fr;gap:30px}.skill-metric-bar{margin-bottom:20px}.skill-bar-label{display:flex;justify-content:space-between;font-size:.9rem;font-weight:600;margin-bottom:8px}.skill-bar-track{height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.skill-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:4px;transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.1,.8,.2,1)}.skill-bar-fill.animate-fill{transform:scaleX(1)}@media (max-width: 900px){.hanging-id-card-wrapper{right:20px}.skills-radar-section{grid-template-columns:1fr}}@media (max-width: 600px){.hanging-id-card-wrapper{display:none}}.spin{animation:spin-rotate 1.2s linear infinite}@keyframes spin-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse{animation:pulse-node 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-node{0%,to{opacity:1;transform:scale(1);box-shadow:var(--shadow-neon)}50%{opacity:.65;transform:scale(1.03);box-shadow:var(--shadow-neon-strong)}}