@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";html,body,#root{width:100%;min-height:100vh;font-family:Inter,Roboto,Poppins,sans-serif;background-color:#0f172a;color:#cbd5e1;overflow-x:hidden}body.dark-mode,body.dark-mode #root{background-color:#0f172a;color:#e2e8f0}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:1rem;cursor:pointer}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.container{padding:0 .5rem}html{font-size:14px}}@media (max-width: 480px){html{font-size:13px}}body{font-family:Inter,Roboto,Poppins,sans-serif;margin:0;min-height:100vh;display:flex;flex-direction:column;padding-top:5rem;transition:background-color .3s ease,color .3s ease;background-color:#020617;background-image:radial-gradient(at 0% 0%,rgba(6,182,212,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(59,130,246,.15) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(15,23,42,.5) 0px,transparent 50%);background-attachment:fixed;color:#e2e8f0}*{box-sizing:border-box}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0f172ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0000001a;flex-wrap:nowrap;gap:1rem;position:fixed;top:1rem;left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:1400px;border-radius:24px;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1)}.header-main-content{display:flex;align-items:center;gap:1rem}.nav-container{display:flex;align-items:center;justify-content:space-between;width:100%}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger{display:block;width:24px;height:2px;background-color:#e2e8f0;position:relative;transition:all .3s ease-in-out}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background-color:#e2e8f0;transition:all .3s ease-in-out;left:0}.hamburger:before{top:-8px}.hamburger:after{top:8px}.hamburger.active{background-color:transparent}.hamburger.active:before{transform:rotate(45deg);top:0}.hamburger.active:after{transform:rotate(-45deg);top:0}body.dark-mode .header{background:#0f172ab3;box-shadow:0 4px 30px #0000004d}.header-visible{transform:translate(-50%) translateY(0);opacity:1}.header-hidden{transform:translate(-50%) translateY(-120%);opacity:0;pointer-events:none}.header:hover{box-shadow:0 12px 40px #0003,0 0 0 1px #ffffff1a;background-color:#2d3748fa}body.dark-mode .header:hover{background-color:#0f172afa;box-shadow:0 12px 40px #000000b3,0 0 0 1px #ffffff26}.header-dark{background-color:#0f172af2!important}.header-dark:hover{background-color:#0f172afa!important}.header-fullwidth{top:0!important;left:0!important;transform:translate(0)!important;width:100%!important;max-width:100%!important;border-radius:0!important;margin:0!important}body:has(.header-fullwidth){padding-top:4.5rem!important}.header-fullwidth.header-visible{transform:translateY(0)!important}.header-fullwidth.header-hidden{transform:translateY(-100%)!important}.header-toggle-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#e2e8f0;padding:.5rem .75rem;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.toggle-icon{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1);transition:all .3s ease}.header-toggle-btn:hover .toggle-icon{transform:scale(1.1)}.header-toggle-btn:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}.header-dark .header-toggle-btn{background:#ffffff26;border-color:#ffffff40}.header-dark .header-toggle-btn:hover{background:#ffffff40}@media (max-width: 768px){body{padding-top:4.5rem}.header{top:.5rem;width:calc(100% - 1rem);padding:.75rem 1.5rem;border-radius:16px;flex-wrap:wrap;justify-content:space-between}.header-main-content{width:100%;justify-content:space-between}.mobile-menu-toggle{display:block}.nav-container{display:none;flex-direction:column;width:100%;margin-top:1rem;gap:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.nav-container.active{display:flex;animation:slideDown .3s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav{flex-direction:column;align-items:center;width:100%;gap:1rem}.header-actions{flex-direction:column;width:100%;gap:1rem}.header-actions .user-info,.header-actions .header-toggle-btn{width:100%;display:flex;justify-content:center}.header-fullwidth{top:0!important;width:100%!important;border-radius:0!important}.header-toggle-btn{padding:.4rem .6rem;font-size:1rem;min-width:36px;height:36px}}@media (max-width: 480px){body{padding-top:4rem}.header{top:.5rem;width:calc(100% - 1rem);padding:.75rem 1rem;border-radius:12px}.header-fullwidth{top:0!important;width:100%!important;border-radius:0!important}.header-toggle-btn{padding:.35rem .5rem;font-size:.9rem;min-width:32px;height:32px}}.logo{display:flex;align-items:center}.logo-img{height:40px;width:auto;filter:brightness(0) invert(1)}.nav{display:flex;gap:2rem;flex-wrap:wrap}.nav a{text-decoration:none;color:#e2e8f0;padding:.5rem;transition:color .3s;font-weight:500}.nav a:hover{color:#20b2aa}.header-actions{display:flex;gap:1rem;align-items:center}.user-info{position:relative;color:#e2e8f0;cursor:pointer;padding:.5rem}.username{font-weight:500}.profile-popup{position:absolute;top:calc(100% + 10px);right:0;background:#1e293bcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 15px #00dfc433,0 8px 32px #0000004d;border-radius:12px;padding:.5rem;z-index:1000;display:flex;flex-direction:column;gap:.25rem;min-width:180px;overflow:visible}.profile-popup:before{content:"";position:absolute;top:-20px;left:0;width:100%;height:20px;background:transparent}.profile-popup-link{background:transparent;border:none;color:#fff;font-size:.95rem;text-align:left;cursor:pointer;padding:.75rem 1rem;transition:all .2s ease;text-decoration:none;display:block;width:100%;border-radius:8px;font-weight:500}.profile-popup-link:hover{background:linear-gradient(to right,#00dfc4,#007cf0);color:#fff;transform:translate(2px);text-shadow:0 1px 2px rgba(0,0,0,.2)}.profile-popup-link.logout{color:#f87171}.profile-popup-link.logout:hover{color:#feb2b2}.btn-primary{background:linear-gradient(135deg,#06b6d4,#14b8a6);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 0 15px #14b8a64d;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #14b8a680;filter:brightness(1.1)}.btn-primary a{color:#fff;text-decoration:none}.btn-secondary{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#e2e8f0;padding:.6rem 1.2rem;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover{background:#ffffff26;border-color:#f1f5f9;color:#fff;transform:translateY(-2px)}.home{background:radial-gradient(circle at 20% 20%,rgba(24,224,208,.1),transparent 40%),#0b1220;padding:8rem 2rem 6rem;min-height:85vh;display:flex;align-items:center;position:relative}.section-separator{height:72px;margin:40px 0;position:relative;background:linear-gradient(180deg,#0b122000,#0b1220a6,#0b122000);width:100%}.section-separator:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,70%);height:1px;background:linear-gradient(90deg,transparent,rgba(24,224,208,.22),transparent);opacity:.8}body.dark-mode .home{background-color:transparent}.home-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.home-text{text-align:left;display:flex;flex-direction:column;gap:1.5rem}.hero-cta-group{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.hero-trust-indicators{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:.5rem}.trust-item{color:#94a3b8;font-size:.85rem;display:flex;align-items:center;gap:.4rem}.trust-item span{color:#20b2aa}.home h1{font-size:2.5rem;color:#f8fafc;margin-bottom:1.5rem;line-height:1.2;font-weight:700;text-shadow:0 4px 12px rgba(0,0,0,.5);transition:color .3s ease}body.dark-mode .home h1{color:#f8fafc}.home p{font-size:1.1rem;color:#4a5568;line-height:1.6;margin-bottom:2rem;max-width:500px;transition:color .3s ease}body.dark-mode .home p{color:#94a3b8}.home-illustration{display:flex;justify-content:center;align-items:center}.analyze-icon-container{display:flex;justify-content:center;align-items:center;width:auto;height:auto;max-width:700px;padding:1rem;background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 0 40px #20b2aa26;transition:all .4s ease}.analyze-icon-container:hover{transform:translateY(-5px);box-shadow:0 15px 40px #20b2aa4d}.analyze-icon-container svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.trust-section{background-color:transparent;padding:3rem 2rem;text-align:center}.trust-section h2{color:#f1f5f9;font-size:1.5rem;margin-bottom:2rem;position:relative;display:inline-block}.trust-section h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:#20b2aa}.trust-logos{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap}.trust-logo{opacity:.6;transition:opacity .3s ease}.trust-logo:hover{opacity:1}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:6rem 2rem;background-color:#0b1220;transition:background-color .3s ease}body.dark-mode .services{background-color:transparent}.service-card{background:#1e293b99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;text-align:center;box-shadow:0 8px 32px #0003;transition:all .3s ease}body.dark-mode .service-card{background:#1e293b99;border-color:#ffffff1a;box-shadow:0 8px 32px #0003}.service-card:hover{box-shadow:0 15px 40px #0006;transform:translateY(-8px);border-color:#14b8a64d;background:#1e293bcc}body.dark-mode .service-card:hover{box-shadow:0 15px 40px #0006}.service-card-ip:hover{border-color:#06b6d480;box-shadow:0 15px 40px #06b6d433}.service-card-url:hover{border-color:#eab30880;box-shadow:0 15px 40px #eab30833}.service-card-port:hover{border-color:#22c55e80;box-shadow:0 15px 40px #22c55e33}.service-card-url .service-icon{color:#fbbf24}.service-card-port .service-icon{color:#4ade80}.service-icon{font-size:2.5rem;margin-bottom:1.5rem;display:block}.service-icon-img{width:48px;height:48px}.service-card h3{color:#f1f5f9;margin-bottom:1rem;font-size:1.3rem;font-weight:600;transition:color .3s ease}body.dark-mode .service-card h3{color:#f1f5f9}.service-card p{color:#94a3b8;font-size:.95rem;line-height:1.6;transition:color .3s ease}body.dark-mode .service-card p{color:#94a3b8}@media (max-width: 1024px){.header{padding:1rem 1.5rem}.home{padding:3rem 1.5rem}.home-content{grid-template-columns:1fr;gap:3rem;text-align:center}.home-text{text-align:center;display:flex;flex-direction:column;align-items:center}.home h1{font-size:2.2rem}.services{padding:2.5rem 1.5rem;grid-template-columns:1fr}}@media (max-width: 768px){.nav{justify-content:center;flex-wrap:wrap}.nav a{margin:0 .25rem}.home{padding:2rem 1rem}.home h1{font-size:1.8rem}.home p{font-size:.95rem}.services{padding:2rem 1rem;grid-template-columns:1fr;gap:1.5rem}.service-card{padding:1.5rem}}@media (max-width: 480px){.header{padding:.75rem}.logo-img{height:35px}.nav{gap:.5rem}.nav a{font-size:.9rem;padding:.25rem}.btn-primary{padding:.4rem .8rem;font-size:.9rem}.home{padding:1.5rem .75rem}.home h1{font-size:1.5rem}.home p{font-size:.9rem}.services{padding:1.5rem .75rem}.service-card{padding:1.25rem}.service-card h3{font-size:1.1rem}.service-card p{font-size:.85rem}}@media (max-width: 768px){.nav a,.btn-primary{min-height:44px;display:flex;align-items:center;justify-content:center}}.service-card,.btn-primary,.nav a{-webkit-tap-highlight-color:transparent}.page-container,.service-page-wrapper{min-height:100vh;display:flex;flex-direction:column}.service-page-wrapper>div:not(.footer){flex:1}.tech-stack-section{padding:1rem 0;margin:0;width:100%;overflow:hidden;background:linear-gradient(90deg,#020617,#0f172a,#020617);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;position:relative}.tech-stack-section:before,.tech-stack-section:after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:2;pointer-events:none}.tech-stack-section:before{left:0;background:linear-gradient(to right,#020617,transparent)}.tech-stack-section:after{right:0;background:linear-gradient(to left,#020617,transparent)}.tech-stack-track{display:flex;gap:3rem;width:max-content;animation:scroll 80s linear infinite;padding:0 1.5rem}.tech-stack-section:hover .tech-stack-track{animation-play-state:paused}.tech-icon-wrapper{display:flex;align-items:center;justify-content:center;transition:transform .3s ease;flex-shrink:0}.tech-icon{width:36px;height:36px;object-fit:contain;display:block;transition:transform .3s ease;filter:invert(1) brightness(100%)}.tech-icon-wrapper:hover .tech-icon{transform:scale(1.15) translateY(-2px);filter:invert(1) brightness(1.2)}@keyframes scroll{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (max-width: 768px){.tech-stack-track{gap:2rem;animation-duration:30s}.tech-icon{width:32px;height:32px}}.footer{background:linear-gradient(180deg,#0f172a,#020617);border-top:1px solid rgba(255,255,255,.05);color:#94a3b8;padding:0;margin-top:auto;position:relative;z-index:10}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:3rem;padding:4rem 2rem;max-width:1200px;margin:0 auto}.footer-column{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-shield{display:flex;align-items:center}.footer-brand{color:#fff;font-size:1.5rem;font-weight:700}.footer-description{color:#a0aec0;line-height:1.6;font-size:.9rem;max-width:300px}.footer-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer-links li{margin:0}.footer-links a{color:#a0aec0;text-decoration:none;font-size:.9rem;transition:color .3s}.footer-links a:hover{color:#20b2aa}.social-link{display:flex;align-items:center;gap:.5rem}.social-link a{color:#a0aec0;text-decoration:none;font-size:.9rem;transition:color .3s}.social-link a:hover{color:#20b2aa}.footer-bottom{background-color:#1a202c;padding:1rem 2rem;text-align:center;border-top:1px solid #4a5568}.footer-bottom p{color:#a0aec0;font-size:.85rem;margin:0}.dashboard-section{padding:6rem 2rem;background:linear-gradient(180deg,#0b1220,#0a1020);border-top:none}.dashboard-container{max-width:1200px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:3rem}.dashboard-title{font-size:2.2rem;font-weight:700;color:#f8fafc;margin:0 0 1rem;text-shadow:0 4px 12px rgba(0,0,0,.3)}.dashboard-subtitle{font-size:1.2rem;color:#94a3b8;margin:0}.dashboard-loading{text-align:center;padding:3rem;color:#cbd5e1;font-size:1.1rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.dashboard-card{background:#020617b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2.5rem;box-shadow:0 4px 20px #0003;transition:all .3s ease;display:flex;align-items:center;gap:1.5rem}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.dashboard-card-primary{grid-column:span 2;background:linear-gradient(135deg,#20b2aa,#17a2b8);color:#fff}.dashboard-card-primary .dashboard-card-label,.dashboard-card-primary .dashboard-card-description{color:#fff}.dashboard-card-primary .dashboard-card-value{color:#fff;font-size:2.5rem}.dashboard-card-users{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dashboard-card-users .dashboard-card-label-small,.dashboard-card-users .dashboard-card-value-small{color:#fff}.dashboard-card-icon{flex-shrink:0}.dashboard-card-icon-small{flex-shrink:0;opacity:.8}.dashboard-card-content{flex:1}.dashboard-card-label{font-size:1rem;font-weight:600;color:#94a3b8;margin:0 0 .5rem}.dashboard-card-label-small{font-size:.9rem;font-weight:600;color:#94a3b8;margin:0 0 .25rem}.dashboard-card-value{font-size:1.8rem;font-weight:700;color:#20b2aa;margin:0 0 .5rem;line-height:1}.dashboard-card-value-small{font-size:1.4rem;font-weight:700;color:#20b2aa;margin:0;line-height:1}.dashboard-card-description{font-size:.9rem;color:#ffffffe6;margin:0}@media (max-width: 1024px){.dashboard-card-primary{grid-column:span 1}}@media (max-width: 768px){.dashboard-section{padding:2rem 1rem}.dashboard-title{font-size:2rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.dashboard-card{padding:1.5rem}.dashboard-card-value{font-size:2rem}.dashboard-card-value-small{font-size:1.5rem}}@media (max-width: 1024px){.footer-main{grid-template-columns:1fr 1fr;gap:2rem;padding:2rem 1.5rem}}@media (max-width: 768px){.footer-main{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem}.footer-description{max-width:100%}}@media (max-width: 480px){.footer-main{padding:1.5rem .75rem}.footer-bottom{padding:.75rem}.footer-bottom p{font-size:.8rem}}@media (max-width: 1024px){.header{padding:.8rem 1.5rem;justify-content:space-between}.mobile-menu-toggle{display:block;z-index:1100}.nav-container{display:flex;position:fixed;top:0;right:0;height:100vh;width:300px;max-width:85%;background:#0f172afa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:6rem 2rem 2rem;flex-direction:column;align-items:flex-start;gap:2rem;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px #00000080;z-index:1000;border-left:1px solid rgba(255,255,255,.1);overflow-y:auto}.nav-container.active{transform:translate(0)}.nav{flex-direction:column;width:100%;gap:1.5rem}.nav a{font-size:1.2rem;width:100%;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05);color:#fff;text-decoration:none;display:block}.header-actions{width:100%;flex-direction:column;align-items:flex-start;gap:1.5rem}.header-actions .btn-primary{width:100%;text-align:center;padding:12px}.header-toggle-btn{display:none}.logo-img{height:32px}body.mobile-menu-open{overflow:hidden}}@media (max-width: 900px){.home-content{grid-template-columns:1fr;text-align:center;gap:3rem;padding-top:2rem}.home-text{text-align:center;order:1}.home-illustration{order:2}.home p{margin:0 auto 2rem}.home h1{font-size:2.2rem}}.how-it-works-section{padding:6rem 2rem;background:#0f172a;text-align:center;border-top:none}.how-it-works-container{max-width:1200px;margin:0 auto}.section-title{font-size:2rem;color:#f1f5f9;margin-bottom:3rem;font-weight:700;text-shadow:0 4px 12px rgba(0,0,0,.5)}.steps-container{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.step-card{background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;flex:1;min-width:280px;max-width:350px;position:relative;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem}.step-card:hover{transform:translateY(-5px);background:#1e293b99;border-color:#20b2aa4d;box-shadow:0 10px 30px #0003}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#06b6d4,#14b8a6);width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:.9rem;color:#fff;box-shadow:0 4px 10px #14b8a666}.step-icon{color:#20b2aa;margin-bottom:.5rem}.step-card h3{color:#f1f5f9;font-size:1.2rem;margin:0}.step-card p{color:#94a3b8;font-size:.95rem;line-height:1.5;margin:0}.step-arrow{color:#4a5568;display:flex;align-items:center;opacity:.5}@media (max-width: 1024px){.steps-container{flex-direction:column;gap:3rem}.step-arrow{transform:rotate(90deg)}}.about-section{padding:6rem 2rem;background:linear-gradient(180deg,#0e1328,#0b1220);width:100%;border-top:none;position:relative}.premium-card-base{background:#101a2e;border-radius:16px;border:1px solid rgba(255,255,255,.04);box-shadow:0 10px 30px #00000059;transition:all .3s ease}.premium-card-base:hover{transform:translateY(-4px);box-shadow:0 15px 40px #00000073,0 0 0 1px #18e0d026}.dashboard-card{background:#101a2e;border-radius:16px;border:1px solid rgba(255,255,255,.04);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);box-shadow:0 10px 30px #00000059;padding:2.5rem;transition:all .3s ease}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #00000073,0 0 0 1px #18e0d026}.service-card{background:#101a2e;border-radius:16px;border:1px solid rgba(255,255,255,.04);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 10px 30px #00000059;padding:2rem;text-align:center;transition:all .3s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #00000073,0 0 0 1px #18e0d026;background:#101a2e}.about-section .bento-card{background:#101a2e;border-radius:16px;border:1px solid rgba(255,255,255,.04);border-left:2px solid #18E0D0;box-shadow:0 10px 30px #00000059;padding:2rem;transition:all .3s ease}.about-section .bento-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #00000073,0 0 0 1px #18e0d026;background:#101a2e}.section-title,.dashboard-title{background:linear-gradient(90deg,#fff,#5eead4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:none}.dashboard-card-primary{background:linear-gradient(135deg,#18e0d0,#14b8a6);border:none}.dashboard-card-primary:hover{box-shadow:0 15px 40px #14b8a666}.about-section .bento-card{background:#12182bb3;border:1px solid rgba(139,92,246,.15);box-shadow:0 4px 25px #0003}.about-section .bento-card:hover{background:#1a2035cc;border-color:#8b5cf666;box-shadow:0 15px 40px #0a0a1480;transform:translateY(-5px)}.about-section .bento-card h3{color:#e2e8f0;font-size:1.5rem;margin-bottom:1.2rem;text-shadow:0 2px 10px rgba(139,92,246,.3)}.about-section .bento-card p{color:#cbd5e1;line-height:1.7}.about-section .bento-card ul li{margin-bottom:1rem;color:#cbd5e1}.about-section .bento-card ul li:before{color:#a78bfa}.about-section .highlight-text{color:#a78bfa!important}.about-section .card-contact{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border:1px solid rgba(139,92,246,.3)}.about-section .contact-link{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3)}.about-section .contact-link:hover{background:#a78bfa;color:#0f172a;box-shadow:0 0 20px #8b5cf666}.about-container{max-width:1200px;margin:0 auto}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);gap:1.5rem}.bento-card{background:#0f172ab3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2rem;display:flex;flex-direction:column;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.bento-card:hover{transform:translateY(-5px);background:#1e293bcc;border-color:#20b2aa4d;box-shadow:0 15px 40px #0006}.card-large{grid-column:span 2;grid-row:span 2}.card-medium{grid-column:span 1;grid-row:span 2}.card-wide{grid-column:span 2;grid-row:span 1}.card-contact{grid-column:span 2;grid-row:span 1;background:linear-gradient(135deg,#06b6d426,#14b8a626);border:1px solid rgba(20,184,166,.2);justify-content:center;align-items:center;text-align:center}.bento-card h3{color:#f1f5f9;font-size:1.4rem;margin-bottom:1rem;font-weight:600}.bento-card p{color:#94a3b8;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.highlight-text{color:#20b2aa!important;font-weight:500;margin-top:auto}.bento-card ul{list-style:none;padding:0;margin:0;text-align:left}.bento-card ul li{margin-bottom:.8rem;color:#cbd5e1;position:relative;padding-left:1.5rem;font-size:.95rem}.bento-card ul li:before{content:"•";color:#20b2aa;position:absolute;left:0;font-weight:700}.check-list li:before{content:"✓"}.contact-link{display:inline-block;margin-top:1rem;padding:.6rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease}.contact-link:hover{background:#fff;color:#0f172a}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.card-large,.card-wide,.card-contact{grid-column:span 2}.card-medium{grid-column:span 1}}.about-content{display:flex;align-items:flex-start;gap:4rem;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;padding:4rem;border-radius:24px;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 30px #0000001a}.profile-image{flex:0 0 300px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.profile-placeholder{width:250px;height:250px;border-radius:20px;overflow:hidden;border:4px solid rgba(255,255,255,.1);box-shadow:0 10px 25px #0000004d}.profile-placeholder img{width:100%;height:100%;object-fit:cover}.cv-download-btn{display:inline-block;width:250px;padding:.8rem 1.5rem;background:#0d9488;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;text-align:center;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.cv-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #20b2aa80}.about-text{flex:1;color:#334155}.about-text h1{font-size:2.2rem;color:#0f172a;margin-bottom:1.5rem}.about-text .highlight{color:#20b2aa;background:linear-gradient(90deg,#20b2aa,#5eead4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-text p{margin-bottom:1.2rem;line-height:1.7;font-size:1.05rem}.about-text .highlight-text{color:#0f766e;font-weight:500;background:#f0fdfa;padding:1rem;border-radius:12px;border-left:3px solid #0d9488}@media (max-width: 900px){.about-content{flex-direction:column;text-align:center;padding:2rem}.about-text h1{font-size:1.8rem}}:root{--color-primary: #00bfa5;--color-dark: #0f172a;--color-light: #f5f6f7;--color-white: #ffffff;--color-text: #2d3748;--color-text-light: #4a5568}body.dark-mode{--color-dark: #e2e8f0;--color-light: #1e293b;--color-white: #1e293b;--color-text: #cbd5e1;--color-text-light: #94a3b8}.about-section{background-color:var(--color-white);padding:4rem 2rem;min-height:30vh;display:flex;align-items:center}.about-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:4rem;align-items:center}.profile-image{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-placeholder{width:200px;height:200px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;display:flex;justify-content:center;align-items:center}.profile-placeholder img{width:180px;height:220px;border-radius:8px;object-fit:cover}.cv-download-btn{display:inline-block;padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;text-align:center;font-family:Inter,sans-serif}.cv-download-btn:hover{background-color:#00a693;transform:translateY(-2px);box-shadow:0 4px 12px #00bfa54d}.about-text{font-family:Inter,sans-serif}.about-text h1{font-size:2.5rem;color:var(--color-dark);margin-bottom:1.5rem;line-height:1.2;font-weight:700;transition:color .3s ease}body.dark-mode .about-text h1{color:#f1f5f9}.about-text .highlight{color:var(--color-primary);transition:color .3s ease}body.dark-mode .about-text .highlight{color:#00d9c4}.about-text p{font-size:1.1rem;color:var(--color-text-light);line-height:1.6;margin-bottom:1.5rem;transition:color .3s ease}body.dark-mode .about-text p{color:#cbd5e1}.about-text .highlight-text{background-color:var(--color-light);padding:1.5rem;border-left:4px solid var(--color-primary);border-radius:8px;font-weight:500;color:var(--color-text)}.formation-experiences-section{background-color:var(--color-light);padding:5rem 2rem;border-top:1px solid rgba(0,0,0,.05);transition:background-color .3s ease}body.dark-mode .formation-experiences-section{border-top:1px solid rgba(255,255,255,.1)}.container{max-width:1200px;margin:0 auto}.container h2{font-size:2.2rem;color:var(--color-dark);margin-bottom:3rem;text-align:left;font-family:Poppins,sans-serif;font-weight:700;transition:color .3s ease}body.dark-mode .container h2{color:#f1f5f9}.formation-experiences-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:4rem;align-items:start}.separator-bar{width:2px;background:linear-gradient(to bottom,transparent,var(--color-primary),transparent);height:100%;min-height:400px;opacity:.3}.formation-column,.experiences-column{display:flex;flex-direction:column}.formation-column h2,.experiences-column h2{font-size:2.2rem;color:var(--color-dark);margin-top:0;margin-bottom:2rem;padding-top:0;text-align:left;font-family:Poppins,sans-serif;font-weight:700;line-height:1.2}.formation-cards{display:flex;flex-direction:column;gap:1.5rem}.formation-card{background:linear-gradient(135deg,var(--color-white) 0%,#fafbfc 100%);padding:2rem;border-radius:20px;border:1px solid rgba(0,191,165,.1);box-shadow:0 4px 20px #00000014,0 0 0 1px #00bfa50d;display:flex;align-items:flex-start;gap:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}body.dark-mode .formation-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#00bfa54d;box-shadow:0 4px 20px #00000080,0 0 0 1px #00bfa533}.formation-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-primary) 0%,rgba(0,191,165,.3) 100%);transform:scaleY(0);transform-origin:top;transition:transform .4s cubic-bezier(.4,0,.2,1)}.formation-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 12px 40px #00bfa526,0 0 0 1px #00bfa533;border-color:#00bfa54d}.formation-card:hover:before{transform:scaleY(1)}.formation-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00bfa51a,#00bfa50d);border-radius:16px;flex-shrink:0;padding:.5rem;border:2px solid rgba(0,191,165,.15);transition:all .3s ease;position:relative;overflow:hidden}.formation-icon:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,191,165,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.formation-card:hover .formation-icon{background:linear-gradient(135deg,#00bfa526,#00bfa514);border-color:#00bfa54d;transform:scale(1.05) rotate(2deg)}.formation-card:hover .formation-icon:after{opacity:1}.school-logo{max-width:100%;max-height:100%;object-fit:contain}.formation-content{flex:1}.formation-content h3{color:var(--color-dark);font-size:1.4rem;margin-bottom:.75rem;font-weight:700;font-family:Poppins,sans-serif;transition:color .3s ease}body.dark-mode .formation-content h3{color:#f1f5f9}.formation-content p{color:var(--color-text-light);line-height:1.6;font-size:1rem;margin:0;font-family:Inter,sans-serif;transition:color .3s ease}body.dark-mode .formation-content p{color:#cbd5e1}.experiences-column{width:100%}.experiences-list{display:flex;flex-direction:column;gap:1.5rem}.experience-card{background:linear-gradient(135deg,var(--color-white) 0%,#fafbfc 100%);padding:2rem;border-radius:20px;border:1px solid rgba(0,191,165,.1);box-shadow:0 4px 20px #00000014,0 0 0 1px #00bfa50d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}body.dark-mode .experience-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#00bfa54d;box-shadow:0 4px 20px #00000080,0 0 0 1px #00bfa533}.experience-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(0,191,165,.08) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%);transition:transform .4s ease}.experience-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 12px 40px #00bfa526,0 0 0 1px #00bfa533;border-color:#00bfa54d}.experience-card:hover:before{transform:translate(20%,-20%) scale(1.2)}.experience-card h3{color:var(--color-dark);font-size:1.4rem;margin-bottom:.5rem;font-weight:700;font-family:Poppins,sans-serif;transition:color .3s ease}body.dark-mode .experience-card h3{color:#f1f5f9}.experience-subtitle{color:var(--color-primary);font-size:1rem;font-weight:600;margin-bottom:1rem;font-family:Inter,sans-serif;transition:color .3s ease}body.dark-mode .experience-subtitle{color:#00d9c4}.experience-description{color:var(--color-text-light);line-height:1.6;font-size:1rem;margin-bottom:1.5rem;font-family:Inter,sans-serif;transition:color .3s ease}body.dark-mode .experience-description{color:#cbd5e1}.experience-btn{padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.experience-btn:hover{background-color:#00a693;transform:translateY(-2px);box-shadow:0 4px 12px #00bfa54d}.projects-section{background-color:var(--color-white);padding:5rem 2rem;border-top:1px solid rgba(0,0,0,.05);transition:background-color .3s ease}body.dark-mode .projects-section{border-top:1px solid rgba(255,255,255,.1)}.timeline{position:relative;display:flex;justify-content:center;align-items:center;margin:2rem 0 4rem;max-width:600px;margin-left:auto;margin-right:auto}.timeline-line{position:absolute;top:50%;left:0;right:0;height:3px;background-color:#e2e8f0;transform:translateY(-50%);z-index:0}.timeline-line:before{content:"";position:absolute;left:0;top:0;width:75%;height:100%;background-color:var(--color-primary);border-radius:3px}.timeline-dot{width:16px;height:16px;border-radius:50%;background-color:#e2e8f0;border:3px solid var(--color-white);position:relative;z-index:1;margin:0 1.5rem;transition:all .3s ease}.timeline-dot.active{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 4px #00bfa533}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.project-card{background:linear-gradient(135deg,var(--color-white) 0%,#fafbfc 100%);padding:2.5rem;border-radius:20px;border:1px solid rgba(0,191,165,.1);box-shadow:0 4px 20px #00000014,0 0 0 1px #00bfa50d;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}body.dark-mode .project-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#00bfa54d;box-shadow:0 4px 20px #00000080,0 0 0 1px #00bfa533}.project-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,rgba(0,191,165,.3) 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.project-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 50px #00bfa533,0 0 0 1px #00bfa540;border-color:#00bfa54d}.project-card:hover:after{transform:scaleX(1)}.project-icon{font-size:3rem;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;width:80px;height:80px;background:linear-gradient(135deg,#00bfa51a,#00bfa50d);border-radius:20px;border:2px solid rgba(0,191,165,.15);transition:all .3s ease;position:relative}.project-card:hover .project-icon{background:linear-gradient(135deg,#00bfa533,#00bfa51a);border-color:#00bfa566;transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px #00bfa533}.project-card h3{color:var(--color-dark);font-size:1.3rem;margin-bottom:1rem;font-weight:700;font-family:Poppins,sans-serif;transition:color .3s ease}body.dark-mode .project-card h3{color:#f1f5f9}.project-card p{color:var(--color-text-light);line-height:1.6;font-size:.95rem;margin-bottom:1.5rem;flex:1;font-family:Inter,sans-serif;transition:color .3s ease}body.dark-mode .project-card p{color:#cbd5e1}.project-btn{padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;font-family:Inter,sans-serif}.project-btn:hover{background-color:#00a693;transform:translateY(-2px);box-shadow:0 4px 12px #00bfa54d}.objectives-section{background-color:var(--color-light);padding:5rem 2rem;border-top:1px solid rgba(0,0,0,.05);transition:background-color .3s ease}body.dark-mode .objectives-section{border-top:1px solid rgba(255,255,255,.1)}.objectives-container{background:linear-gradient(135deg,var(--color-white) 0%,#fafbfc 100%);padding:3rem;border-radius:24px;border:2px solid var(--color-primary);box-shadow:0 8px 30px #00bfa526,0 0 0 1px #00bfa51a;max-width:900px;margin:0 auto;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.objectives-container:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,191,165,.05) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.objectives-container:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00bfa533,0 0 0 1px #00bfa533;border-color:#00bfa580}.objectives-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.objective-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.objective-item:last-child{border-bottom:none}.objective-check{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary) 0%,#00a693 100%);color:#fff;border-radius:50%;font-weight:700;font-size:1.2rem;flex-shrink:0;box-shadow:0 4px 12px #00bfa54d;transition:all .3s ease;position:relative}.objective-check:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),rgba(0,191,165,.3));opacity:0;transition:opacity .3s ease;z-index:-1}.objective-item:hover .objective-check{transform:scale(1.1) rotate(360deg);box-shadow:0 6px 20px #00bfa566}.objective-item:hover .objective-check:before{opacity:1}.objective-item span:last-child{color:var(--color-text);font-size:1.1rem;line-height:1.5;font-family:Inter,sans-serif}@media (max-width: 1024px){.about-content{grid-template-columns:250px 1fr;gap:3rem}.about-text h1{font-size:2.2rem}.formation-experiences-grid{grid-template-columns:1fr;gap:3rem}.separator-bar{display:none}.formation-cards{flex-direction:column}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.about-section,.formation-experiences-section,.projects-section,.objectives-section{padding:3rem 1.5rem}.about-content{grid-template-columns:1fr;text-align:center;gap:2rem}.profile-placeholder{width:150px;height:150px}.about-text h1{font-size:1.8rem}.about-text p{font-size:1rem}.container h2{font-size:1.8rem;text-align:center}.formation-card{flex-direction:column;text-align:center}.formation-icon{margin:0 auto}.formation-experiences-grid{grid-template-columns:1fr;gap:2rem}.separator-bar{display:none}.projects-grid{grid-template-columns:1fr}.timeline-dot{margin:0 1rem}.objectives-container{padding:2rem 1.5rem}}@media (max-width: 480px){.about-section,.formation-experiences-section,.projects-section,.objectives-section{padding:2rem 1rem}.about-text h1,.container h2{font-size:1.5rem}.formation-card,.experience-card,.project-card{padding:1.5rem}.objectives-container{padding:1.5rem 1rem}.objective-item span:last-child{font-size:1rem}}.auth-page-wrapper{min-height:100vh;display:flex;flex-direction:column;background-color:#0f172a;background-image:radial-gradient(at 0% 0%,hsla(192,100%,25%,.4) 0px,transparent 50%),radial-gradient(at 100% 0%,hsla(260,100%,20%,.4) 0px,transparent 50%);color:#e2e8f0;font-family:Inter,system-ui,-apple-system,sans-serif;align-items:center;justify-content:center;padding:2rem}.auth-container{background:#1e293b99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000080;padding:3rem;width:100%;max-width:560px;display:flex;flex-direction:column;gap:1.5rem}.auth-separator{display:flex;align-items:center;margin:10px 0;color:#888;font-size:.9rem}.auth-separator-line{flex:1;height:1px;background-color:#ddd;opacity:.2}.auth-separator-text{padding:0 10px;font-weight:500;color:#94a3b8;text-transform:uppercase;font-size:.8rem}.auth-header{text-align:center;margin-bottom:1rem}.auth-title{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.auth-icon{width:36px;height:36px}.auth-subtitle{color:#94a3b8;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-input-group{display:flex;flex-direction:column;gap:.5rem}.auth-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#cbd5e1;font-weight:700}.auth-input{background-color:#1e293b;color:#fff;border:1px solid #475569;border-radius:.75rem;padding:.85rem 1rem;font-size:1rem;outline:none;transition:all .2s ease}.auth-input:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf33}.auth-input::placeholder{color:#64748b}.auth-button{background:linear-gradient(to right,#00dfc4,#007cf0);color:#fff;font-weight:800;padding:1rem;border:none;border-radius:.75rem;cursor:pointer;font-size:1.1rem;margin-top:1rem;transition:all .2s ease;box-shadow:0 10px 15px -3px #0000001a}.auth-button:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 15px 20px -3px #00dfc44d}.auth-footer{text-align:center;margin-top:1rem;font-size:.9rem;color:#94a3b8}.auth-link{color:#38bdf8;text-decoration:none;font-weight:600;transition:color .2s}.auth-link:hover{color:#7dd3fc;text-decoration:underline}.auth-options{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#cbd5e1}.auth-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.auth-checkbox{accent-color:#00dfc4}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.auth-page-wrapper{padding:6rem 1rem 1rem}.auth-container{padding:2rem 1.5rem;border-radius:1rem;width:100%;max-width:100%}.auth-title{font-size:1.75rem}.auth-row{grid-template-columns:1fr}.auth-options{flex-direction:column;gap:1rem;align-items:flex-start}}.service-page{min-height:100vh;font-family:Inter,Roboto,sans-serif;color:#fff;background:radial-gradient(circle at top center,#1a1f35,#0a0e1a);position:relative;overflow-x:hidden;padding-top:80px}.service-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,223,196,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,223,196,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.card-row{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:3rem 2rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.card{background:#141e3266;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,223,196,.1);border-radius:16px;padding:2.5rem;display:flex;flex-direction:column;align-items:flex-start;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 30px #0003;height:100%}.card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #00dfc426,0 0 0 1px #00dfc44d;border-color:#00dfc466}.card-content{display:flex;flex-direction:column;height:100%;width:100%}.card-title{font-size:1.5rem;font-weight:700;color:#fff;margin:1.5rem 0 .75rem;letter-spacing:-.02em}.card-description{font-size:.95rem;color:#e2e8f0;line-height:1.6;margin-bottom:2rem;flex-grow:1}.card-button{background:linear-gradient(135deg,#00dfc4,#007cf0);color:#fff;border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 4px 15px #00dfc44d}.card-button:hover{filter:brightness(1.1);box-shadow:0 6px 20px #00dfc480;transform:translateY(-1px)}.card-button:active{transform:translateY(1px)}.card-button-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:none}.card-button-secondary:hover{background:#fff3}.service-icon-container{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}@media (max-width: 768px){.card-row{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1rem}.card{padding:1.5rem}.card-title{font-size:1.25rem}}@media (max-width: 640px){.service-page{padding-top:100px}.card-row{gap:2rem}}.scan-container{flex:1;max-width:800px;margin:2rem auto;padding:3rem;display:flex;flex-direction:column;background:#1e293b99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;box-shadow:0 25px 50px -12px #00000080}.scan-title{font-size:2rem;font-weight:800;margin-bottom:2rem;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;gap:1rem}.scan-form{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.scan-input{flex:1;min-width:250px;background-color:#1e293b;color:#fff;border:1px solid #475569;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;outline:none;transition:all .2s ease}.scan-input:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf33}.scan-input::placeholder{color:#64748b}.scan-button{background:linear-gradient(to right,#00dfc4,#007cf0);color:#fff;font-weight:700;padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.scan-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #00dfc44d}.scan-loader{color:#94a3b8;font-style:italic;text-align:center;margin-top:1rem}.scan-error{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5;padding:1rem;border-radius:.5rem;margin-top:1rem;text-align:center}.scan-results{margin-top:2rem;border-top:1px solid rgba(255,255,255,.1);padding-top:2rem}.scan-results h2{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.scan-result-item{background:#0f172a99;border:1px solid rgba(255,255,255,.05);padding:1rem;margin-bottom:1rem;border-radius:.5rem;border-left:4px solid #f59e0b;color:#cbd5e1}.scan-result-item strong{color:#fff;font-size:1.1rem}.ai-explanation-box{margin-top:2rem;background:#0f172acc;border:1px solid rgba(14,165,233,.3);border-radius:.5rem;padding:1.5rem;overflow-x:auto}.ai-explanation-box h3{color:#38bdf8;margin-bottom:1rem;font-size:1.2rem}.ai-explanation-box pre{white-space:pre-wrap;color:#e2e8f0;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.6}@media (max-width: 640px){.scan-container{padding:1.5rem;margin:1rem}.scan-form{flex-direction:column}.scan-button{width:100%}}.scan-severity-warning{color:#f59e0b;font-weight:600}@media (max-width: 768px){.service-page-wrapper{padding-top:5rem}.scan-container{margin:1rem;padding:1.5rem;width:auto}.scan-form{flex-direction:column}.scan-input{width:100%;min-width:0}.scan-button{width:100%}}.scan-result-view{background:#1e293b66;border-radius:16px;padding:1.5rem;color:#e2e8f0;font-family:Inter,sans-serif}.srv-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem;margin-bottom:1.5rem}.srv-header{flex-wrap:wrap;gap:1rem}.srv-title-section h3{margin:0;font-size:1.25rem;color:#f8fafc;margin-bottom:.5rem}.srv-target{color:#20b2aa;font-family:monospace;font-size:1.1rem}.srv-meta{display:flex;gap:1rem;font-size:.9rem;color:#94a3b8;align-items:center}.srv-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.srv-badge.status-success{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.srv-badge.status-failed{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.srv-badge.severity-critical{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3);box-shadow:0 0 10px #ef444433}.srv-badge.severity-high{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.srv-badge.severity-medium{background:#0ea5e933;color:#38bdf8;border:1px solid rgba(14,165,233,.3)}.srv-badge.severity-low{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.srv-badge.severity-info,.srv-badge.severity-none,.srv-badge.severity-aucune{background:#94a3b833;color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.srv-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin-bottom:2rem}.srv-stat-item{background:#0f172a66;padding:.75rem;border-radius:8px;text-align:center;border:1px solid rgba(255,255,255,.05)}.srv-stat-val{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.srv-stat-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase}.srv-findings{display:flex;flex-direction:column;gap:1rem}.srv-finding-card{background:#0f172a99;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;transition:all .2s ease}.srv-finding-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.srv-finding-header{padding:1rem;display:flex;align-items:flex-start;gap:1rem;cursor:pointer;justify-content:space-between}.srv-finding-title-group{display:flex;align-items:center;gap:1rem}.srv-finding-title{font-weight:600;color:#f1f5f9}.srv-chevron{transition:transform .3s ease;color:#64748b}.srv-chevron.expanded{transform:rotate(180deg)}.srv-finding-content{background:#0003;border-top:1px solid rgba(255,255,255,.05);padding:1rem;font-size:.95rem;line-height:1.6}.srv-section-title{font-size:.85rem;font-weight:700;color:#cbd5e1;margin-top:1rem;margin-bottom:.5rem;text-transform:uppercase}.srv-section-title:first-child{margin-top:0}.srv-description{color:#94a3b8}.srv-remediation{background:#10b9811a;border-left:3px solid #10b981;padding:.75rem;color:#e2e8f0;border-radius:0 4px 4px 0}.srv-evidence{background:#0f172a;padding:.75rem;border-radius:6px;font-family:monospace;font-size:.85rem;color:#a5b4fc;overflow-x:auto}.srv-error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:1rem;border-radius:8px}@media (max-width: 768px){.srv-error-message .srv-header{flex-direction:column;align-items:flex-start;gap:.5rem}.srv-error-message .srv-meta{flex-wrap:wrap;gap:.5rem}.srv-error-message .srv-finding-header{flex-direction:column;align-items:flex-start;gap:.5rem}.srv-error-message .srv-finding-title-group{width:100%;justify-content:space-between}}.ip-page{flex:1;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.ip-container{background:#1e293b99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;box-shadow:0 25px 50px -12px #00000080;padding:3rem;max-width:600px;width:100%;text-align:center}.ip-title{font-size:2.25rem;font-weight:800;color:#fff;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:1rem}.ip-address{font-size:3rem;font-weight:700;background:linear-gradient(to right,#00dfc4,#007cf0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:1.5rem;word-break:break-all;filter:drop-shadow(0 0 10px rgba(0,223,196,.3))}.ip-loading{font-style:italic;color:#94a3b8;font-size:1.1rem;margin-top:1.5rem}.ip-error{margin-top:1.5rem;padding:1rem;background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5;border-radius:.5rem;font-weight:500}@media (max-width: 640px){.ip-page{padding:1rem}.ip-container{padding:2rem}.ip-title{font-size:1.75rem}.ip-address{font-size:2rem}}.portscan-wrapper{flex:1;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.portscan-title{font-size:2.5rem;font-weight:800;margin-bottom:2rem;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;gap:1rem}.portscan-form,.scan-result,.openports-section{background:#1e293b99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;box-shadow:0 25px 50px -12px #00000080;padding:2.5rem;width:100%;max-width:550px;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:700;margin-bottom:.75rem}.form-input,.form-select{width:100%;background-color:#1e293b;color:#fff;border:1px solid #475569;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;outline:none;transition:all .2s ease-in-out}.form-input::placeholder{color:#64748b}.form-input:focus,.form-select:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf33}.scan-button{width:100%;background:linear-gradient(to right,#00dfc4,#007cf0);color:#fff;font-weight:700;padding:1rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;margin-top:1rem;font-size:1.1rem;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a}.scan-button:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 10px 15px -3px #00dfc466;transform:translateY(-1px)}.scan-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.scan-error{margin-top:1.5rem;padding:1rem;background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5;border-radius:.5rem;text-align:center;font-weight:500}.scan-result{text-align:center}.result-label{color:#94a3b8;font-size:.875rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.result-value{color:#38bdf8;font-size:1.5rem;font-weight:700}.openports-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.openports-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.openports-list li{background:#2dd4bf1a;color:#2dd4bf;padding:.75rem;border-radius:.375rem;text-align:center;font-weight:600;border:1px solid rgba(45,212,191,.2)}@media (max-width: 640px){.portscan-wrapper{padding:1rem}.portscan-form,.scan-result,.openports-section{padding:1.5rem}.portscan-title{font-size:1.75rem}}.service-page-wrapper{min-height:100vh;display:flex;flex-direction:column;background-color:#0f172a;background-image:radial-gradient(at 0% 0%,hsla(192,100%,25%,.4) 0px,transparent 50%),radial-gradient(at 100% 0%,hsla(260,100%,20%,.4) 0px,transparent 50%);color:#e2e8f0;font-family:Inter,system-ui,-apple-system,sans-serif}.exif-page{flex:1;padding:2rem;display:flex;justify-content:center;align-items:flex-start}.exif-container{background:#1e293b99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;box-shadow:0 25px 50px -12px #00000080;padding:2.5rem;max-width:800px;width:100%}.exif-title{font-size:2rem;font-weight:800;color:#fff;margin-bottom:2rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:1rem}.title-icon{width:40px;height:40px}.exif-subtitle{font-size:1.25rem;font-weight:700;color:#38bdf8;margin-top:1.5rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.exif-upload-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#0f172a66;border-radius:.5rem;border:1px dashed rgba(255,255,255,.2)}.exif-file-input{color:#cbd5e1;font-size:.95rem}.exif-file-input::file-selector-button{background:#334155;color:#fff;border:none;padding:.5rem 1rem;border-radius:.3rem;cursor:pointer;margin-right:1rem;transition:all .2s}.exif-file-input::file-selector-button:hover{background:#475569}.exif-preview-wrapper{margin-bottom:2rem;text-align:center}.exif-preview-img{max-width:100%;max-height:400px;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000004d;border:1px solid rgba(255,255,255,.1)}.exif-data-box{background:#0f172acc;padding:1rem;border-radius:.5rem;overflow-x:auto;font-family:Fira Code,monospace;font-size:.85rem;color:#a5f3fc;border:1px solid rgba(14,165,233,.2);max-height:300px;overflow-y:auto}.exif-edit-controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem;margin-top:1rem}.exif-input{background-color:#1e293b;color:#fff;border:1px solid #475569;border-radius:.375rem;padding:.5rem .75rem;font-size:.95rem;flex:1;min-width:150px;outline:none}.exif-input:focus{border-color:#2dd4bf;box-shadow:0 0 0 2px #2dd4bf33}.exif-btn{padding:.5rem 1rem;font-weight:600;border-radius:.375rem;border:none;cursor:pointer;transition:all .2s;color:#fff;font-size:.95rem}.btn-primary{background:linear-gradient(to right,#00dfc4,#007cf0)}.btn-primary:hover{filter:brightness(1.1)}.btn-success{background:linear-gradient(to right,#10b981,#059669)}.btn-success:hover{background:#059669}.btn-danger{background:linear-gradient(to right,#ef4444,#b91c1c)}.btn-danger:hover{background:#b91c1c}.btn-download{background:linear-gradient(to right,#6366f1,#4f46e5);width:100%;margin-top:1rem;padding:.75rem}.btn-download:hover{background:#4338ca}.exif-actions{display:flex;flex-direction:column;gap:1rem}@media (max-width: 640px){.exif-page{padding:1rem}.exif-container{padding:1.5rem}.exif-edit-controls{flex-direction:column}.exif-input,.exif-btn{width:100%}}.btn-full{width:100%!important}.profil-container{min-height:100vh;padding:2rem;background:radial-gradient(circle at top left,#1a202c,#0d1117);color:#e2e8f0;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;justify-content:center;align-items:flex-start;padding-top:100px}.profil-card{width:100%;max-width:900px;background:#111928bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.125);border-radius:16px;box-shadow:0 10px 40px #00000080;overflow:hidden}.profil-header{background:linear-gradient(135deg,#00dfc41a,#007cf01a);padding:3rem 2rem;display:flex;align-items:center;gap:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.profil-avatar-placeholder{width:120px;height:120px;border-radius:50%;background:#ffffff0d;border:3px solid #00dfc4;box-shadow:0 0 20px #00dfc44d;display:flex;justify-content:center;align-items:center;color:#00dfc4}.profil-info{flex:1}.profil-name{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.profil-username{font-size:1.1rem;color:#00dfc4;font-weight:600;margin-bottom:.5rem}.profil-email{font-size:1rem;color:#94a3b8;display:flex;align-items:center;gap:.5rem}.profil-content{padding:2rem}.profil-section{margin-bottom:2rem}.profil-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.profil-section-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.profil-edit-btn,.profil-save-btn,.profil-cancel-btn,.profil-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:none}.profil-edit-btn{background:#ffffff1a;color:#e2e8f0;border:1px solid rgba(255,255,255,.2)}.profil-edit-btn:hover{background:#fff3;color:#fff;transform:translateY(-2px)}.profil-edit-actions{display:flex;gap:1rem}.profil-save-btn{background:linear-gradient(135deg,#00dfc4,#007cf0);color:#fff;box-shadow:0 4px 15px #00dfc44d}.profil-save-btn:hover:not(:disabled){box-shadow:0 6px 20px #00dfc480;transform:translateY(-2px)}.profil-cancel-btn{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.profil-cancel-btn:hover:not(:disabled){background:#ef44444d;color:#fff}.profil-details{display:grid;gap:1.5rem;background:#0003;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.profil-detail-item{display:flex;flex-direction:column;gap:.5rem}.profil-detail-label{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:600}.profil-detail-value{font-size:1.1rem;color:#fff;font-weight:500;padding-left:.5rem;border-left:3px solid #00dfc4}.profil-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.75rem;color:#fff;font-size:1rem;width:100%;transition:all .3s ease}.profil-input:focus{outline:none;background:#ffffff1a;border-color:#00dfc4;box-shadow:0 0 0 2px #00dfc433}.profil-actions{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:1rem}.profil-btn-primary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.profil-btn-primary:hover{background:#fff3}.profil-btn-danger{background:#ff63631a;color:#ff6b6b;border:1px solid rgba(255,99,99,.2)}.profil-btn-danger:hover{background:#ff636333;color:#fff;box-shadow:0 4px 15px #ff63634d}.profil-loading{color:#00dfc4;font-size:1.5rem;font-weight:600}@media (max-width: 768px){.profil-header{flex-direction:column;text-align:center}.profil-actions{flex-direction:column}.profil-btn{width:100%;justify-content:center}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}:root{--c-bg: #020617;--c-card-bg: rgba(15, 23, 42, .6);--c-border: #1e293b;--c-text-primary: #ffffff;--c-text-secondary: #94a3b8;--c-text-muted: #64748b;--c-accent: #3b82f6;--c-success: #10b981;--c-warning: #f59e0b;--c-danger: #f43f5e;--blur: blur(12px);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-glow: 0 0 15px rgba(59, 130, 246, .2);--sidebar-width: 280px;--header-height: 80px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--c-bg);color:var(--c-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}.nspy-layout{display:flex;height:100vh;margin-top:0;overflow:hidden;padding-top:0}.nspy-sidebar{width:var(--sidebar-width);background:#020617f2;border-right:1px solid var(--c-border);display:flex;flex-direction:column;padding:10px 1.5rem 2rem;flex-shrink:0;z-index:20;height:100%;transition:transform .3s ease-in-out}.nspy-logo{margin-bottom:3rem}.nspy-logo h1{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.5px}.nspy-logo span{display:block;font-size:.75rem;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:2px;margin-top:4px;font-weight:600}.nspy-nav{flex:1;display:flex;flex-direction:column;gap:.5rem}.nspy-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--c-text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.nspy-nav-item:hover{background:#ffffff08;color:#fff}.nspy-nav-item.active{background:#3b82f61a;color:var(--c-accent);border:1px solid rgba(59,130,246,.2)}.nspy-profile{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--c-border);display:flex;align-items:center;gap:12px}.nspy-avatar{width:40px;height:40px;border-radius:50%;background:#1e293b;border:2px solid #334155}.nspy-profile-info h4{font-size:.9rem;font-weight:600}.nspy-profile-info span{font-size:.75rem;color:var(--c-accent)}.nspy-main{flex:1;display:flex;flex-direction:column;position:relative;background:radial-gradient(circle at top right,rgba(59,130,246,.05),transparent 40%);padding-top:10px;width:100%}.nspy-header{height:var(--header-height);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--c-border);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);z-index:5;flex-shrink:0}.nspy-header-mobile-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;margin-right:1rem}.nspy-search{position:relative;width:400px;max-width:100%}.nspy-search input{width:100%;background:#0f172a;border:1px solid var(--c-border);padding:10px 16px 10px 40px;border-radius:99px;color:#fff;font-size:.9rem;transition:border-color .2s}.nspy-search input:focus{outline:none;border-color:var(--c-accent)}.nspy-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--c-text-muted);width:16px;height:16px}.nspy-header-actions{display:flex;align-items:center;gap:1.5rem}.nspy-score-pill{display:flex;align-items:center;gap:8px;padding:6px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:99px;font-size:.9rem;color:var(--c-success);font-weight:600}.nspy-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.nspy-btn-outline{background:transparent;border:1px solid var(--c-border);color:var(--c-text-secondary);padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.nspy-btn-outline:hover{border-color:var(--c-text-muted);color:#fff}.nspy-content{flex:1;display:grid;grid-template-columns:1fr 380px;gap:2rem;padding:2rem;overflow:hidden}.nspy-col-left{display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;height:100%}.nspy-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;flex-shrink:0}.nspy-card{background:var(--c-card-bg);border:1px solid var(--c-border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.nspy-stat-label{font-size:.75rem;text-transform:uppercase;color:var(--c-text-muted);font-weight:600;margin-bottom:.5rem}.nspy-stat-value{font-size:2rem;font-weight:700;color:#fff}.nspy-filters{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:wrap}.nspy-pill{padding:6px 16px;background:#0f172a66;border:1px solid var(--c-border);border-radius:99px;color:var(--c-text-muted);cursor:pointer;font-size:.85rem;transition:all .2s}.nspy-pill:hover,.nspy-pill.active{background:#fff;color:#000;border-color:#fff;font-weight:600}.nspy-list{flex:1;background:var(--c-card-bg);border:1px solid var(--c-border);border-radius:16px;overflow-y:auto;padding:.5rem}.nspy-row{display:grid;grid-template-columns:48px 2fr 1fr 1.5fr 1fr 1fr;align-items:center;padding:12px 16px;border-radius:12px;cursor:pointer;transition:background .15s;border:1px solid transparent}.nspy-row:hover{background:#ffffff05}.nspy-row.selected{background:#3b82f60d;border-color:#3b82f633}.nspy-icon-box{width:36px;height:36px;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--c-text-muted)}.nspy-cell-target{font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:1rem}.nspy-badge{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;width:fit-content}.badge-crit{background:#f43f5e1a;color:var(--c-danger)}.badge-high{background:#f59e0b1a;color:var(--c-warning)}.badge-mid{background:#3b82f61a;color:var(--c-accent)}.badge-low{background:#10b9811a;color:var(--c-success)}.badge-none{background:#ffffff0d;color:var(--c-text-muted)}.nspy-col-right{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;animation:fadeIn .4s ease-out}.nspy-preview{background:#0f172acc;border:1px solid var(--c-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 10px 40px -10px #00000080}.nspy-preview-header h2{font-size:1.25rem;color:#fff;margin-bottom:.5rem;word-break:break-all}.nspy-vuln-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.nspy-vuln-box{background:#0000004d;border:1px solid var(--c-border);border-radius:12px;padding:1rem;text-align:center}.nspy-btn-primary{width:100%;background:linear-gradient(135deg,var(--c-accent),#2563eb);color:#fff;border:none;padding:12px;border-radius:12px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-glow);transition:transform .2s}.nspy-btn-primary:hover{transform:translateY(-2px)}.nspy-timeline{padding-left:20px;border-left:2px solid var(--c-border);margin-top:1rem;display:flex;flex-direction:column;gap:2rem}.nspy-tl-item{position:relative}.nspy-tl-dot{position:absolute;left:-27px;top:2px;width:12px;height:12px;background:var(--c-bg);border:2px solid var(--c-text-muted);border-radius:50%}.nspy-tl-item.active .nspy-tl-dot{border-color:var(--c-accent);background:var(--c-accent);box-shadow:0 0 10px var(--c-accent)}.skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155,#1e293b 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.sk-text{height:1em;width:60%}.sk-circle{width:36px;height:36px;border-radius:50%}@media (max-width: 1024px){.nspy-sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);width:80%;max-width:300px;box-shadow:0 0 50px #000c}.nspy-sidebar.mobile-open{transform:translate(0)}.nspy-content{grid-template-columns:1fr;padding:1rem}.nspy-layout.mobile-view-detail .nspy-col-left{display:none}.nspy-layout.mobile-view-detail .nspy-col-right{display:flex}.nspy-col-right{display:none}.nspy-header-mobile-toggle{display:block}.nspy-search{width:100%}.nspy-header{gap:1rem;padding:0 1rem}.nspy-header-actions{gap:.5rem}.nspy-header-actions span{font-size:.8rem}.nspy-row{grid-template-columns:40px 1fr auto;gap:10px}.nspy-row>div:nth-child(3),.nspy-row>div:nth-child(4),.nspy-row>div:nth-child(6){display:none}.nspy-cell-target{font-size:.95rem}}@media (max-width: 640px){.nspy-stats{grid-template-columns:1fr}.nspy-search input{width:150px;transition:width .3s}.nspy-search input:focus{width:200px}.nspy-score-pill span:last-child{display:none}.nspy-score-pill .nspy-dot{margin:0}}