:root{--primary-color:#00d9ff;--secondary-color:#0099cc;--accent-color:#00ffcc;--bg-dark:#0a0e1a;--bg-darker:#050810;--bg-card:rgba(10, 14, 26, 0.95);--text-primary:#e8eaed;--text-secondary:#8b92a8;--success-color:#00ff88;--danger-color:#ff4757;--warning-color:#ffa502;--grid-color:rgba(0, 217, 255, 0.08);--glow-color:rgba(0, 217, 255, 0.3);--chart-green:#00ff88;--chart-red:#ff4757}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Roboto Mono','Courier New',monospace,'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-darker);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.hero-avatar-image{width:100%;max-width:500px;display:block;margin:0 auto;position:relative;z-index:2}.app-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-darker);background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px),linear-gradient(rgba(0,217,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.02) 1px,transparent 1px),radial-gradient(circle at 20% 50%,rgba(0,255,136,.03) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,217,255,.03) 0,transparent 50%);background-size:80px 80px,80px 80px,20px 20px,20px 20px,100% 100%,100% 100%;background-position:0 0,0 0,0 0,0 0,0 0,0 0;z-index:-1;animation:gridMove 40s linear infinite}@keyframes gridMove{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}100%{background-position:80px 80px,80px 80px,20px 20px,20px 20px,0 0,0 0}}nav{background:var(--bg-card);backdrop-filter:blur(15px);padding:1rem 0;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(0,217,255,.3);box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 20px var(--glow-color)}.nav-wrap{max-width:500px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px var(--glow-color);display:flex;align-items:center;gap:.8rem}.nav-brand img{width:40px;height:40px;border-radius:50%;border:2px solid var(--primary-color);box-shadow:0 0 15px var(--glow-color);animation:logoSpin 3s ease-in-out infinite}@keyframes logoSpin{0%,100%{transform:rotate(0)}50%{transform:rotate(360deg)}}.nav-menu{display:flex;gap:2rem;list-style:none}.nav-menu a{color:var(--text-primary);text-decoration:none;transition:all .3s;position:relative}.nav-menu a:hover{color:var(--primary-color)}.nav-menu a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s}.nav-menu a:hover::after{width:100%}.content-container{width:100%;max-width:500px;margin:0 auto;position:relative;background:var(--bg-dark);background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px),linear-gradient(rgba(0,217,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.03) 1px,transparent 1px),radial-gradient(circle at 50% 0,rgba(0,255,136,.05) 0,transparent 50%),radial-gradient(circle at 50% 100%,rgba(0,217,255,.05) 0,transparent 50%);background-size:60px 60px,60px 60px,15px 15px,15px 15px,100% 100%,100% 100%;background-position:0 0,0 0,0 0,0 0,0 0,0 0;animation:gridMove 30s linear infinite,containerGlow 4s ease-in-out infinite alternate;box-shadow:inset 0 0 100px rgba(0,217,255,.1),0 0 200px rgba(0,217,255,.05),inset 0 0 60px rgba(0,255,136,.05);min-height:100vh;border-left:1px solid rgba(0,217,255,.2);border-right:1px solid rgba(0,217,255,.2);position:relative;overflow-x:hidden}.content-container::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),var(--accent-color),var(--primary-color),transparent);background-size:200% 100%;animation:borderFlow 3s linear infinite;z-index:1}.content-container::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),var(--accent-color),var(--primary-color),transparent);background-size:200% 100%;animation:borderFlow 3s linear infinite reverse;z-index:1}@keyframes gridMove{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}100%{background-position:60px 60px,60px 60px,15px 15px,15px 15px,0 0,0 0}}@keyframes containerGlow{0%{box-shadow:inset 0 0 100px rgba(0,217,255,.1),0 0 200px rgba(0,217,255,.05),inset 0 0 60px rgba(0,255,136,.05)}100%{box-shadow:inset 0 0 120px rgba(0,217,255,.15),0 0 250px rgba(0,217,255,.08),inset 0 0 80px rgba(0,255,136,.08)}}@keyframes borderFlow{0%{background-position:-200% 0}100%{background-position:200% 0}}.main-wrap{width:100%;margin:0 auto;padding:0 2rem}.hero-section{padding:2rem 0 4rem;text-align:center;position:relative;z-index:2}.hero-avatar{width:120px;height:120px;margin:0 auto 1.5rem;border-radius:50%;border:3px solid var(--primary-color);box-shadow:0 0 40px var(--glow-color),0 0 80px var(--glow-color);animation:float 3s ease-in-out infinite;display:block}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-section h1{font-size:2.8rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px var(--glow-color));animation:glow 2s ease-in-out infinite alternate;font-weight:700;letter-spacing:-1px}@keyframes glow{from{filter:drop-shadow(0 0 10px var(--glow-color))}to{filter:drop-shadow(0 0 20px var(--glow-color))}}.hero-section p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.8}.search-widget{max-width:700px;margin:0 auto;position:relative}.search-field{width:100%;padding:1.5rem 2rem;font-size:1.1rem;background:var(--bg-card);border:2px solid var(--primary-color);border-radius:50px;color:var(--text-primary);outline:0;transition:all .3s;box-shadow:0 0 20px var(--glow-color)}.search-field:focus{box-shadow:0 0 30px var(--glow-color);transform:translateY(-2px)}.search-submit{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:1rem 2.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:50px;color:var(--bg-dark);font-weight:700;cursor:pointer;transition:all .3s}.search-submit:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 5px 20px var(--glow-color)}.features-section{padding:4rem 0;position:relative;z-index:2}.features-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.feature-item{background:var(--bg-card);padding:2rem;border-radius:12px;border:1px solid rgba(0,217,255,.2);transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3)}.feature-item::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,217,255,.1),transparent);transition:left .5s}.feature-item:hover::before{left:100%}.feature-item:hover{transform:translateY(-10px);box-shadow:0 10px 40px var(--glow-color);border-color:var(--primary-color)}.feature-ico{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.feature-item h3{font-size:1.5rem;margin-bottom:1rem;color:var(--primary-color)}.feature-item p{color:var(--text-secondary)}.stats-section{padding:4rem 0;background:linear-gradient(135deg,rgba(0,217,255,.03),rgba(0,255,136,.03));position:relative;z-index:2}.sec-title{text-align:center;font-size:2.2rem;margin-bottom:.8rem;color:var(--primary-color);font-weight:600}.sec-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2.5rem;font-size:1rem;line-height:1.6}.stats-layout{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:3rem}.stat-item{background:var(--bg-card);padding:1.8rem 1.5rem;border-radius:12px;text-align:center;border:1px solid rgba(0,217,255,.15);transition:all .4s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3)}.stat-item::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,217,255,.1),transparent);transition:left .6s}.stat-item:hover::before{left:100%}.stat-item:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 15px 40px var(--glow-color);border-color:var(--primary-color)}.stat-value{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.8rem;line-height:1;letter-spacing:-.02em;position:relative;z-index:1}.stat-text{color:var(--text-secondary);font-size:.95rem;line-height:1.4;font-weight:500;position:relative;z-index:1}.stat-item:hover .stat-value{transform:scale(1.1);transition:transform .3s ease}.stat-item:hover .stat-text{color:#fff}.data-section{padding:3rem 0;position:relative;z-index:2}.data-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:3rem}.data-block{background:var(--bg-card);border-radius:12px;padding:2rem;border:1px solid rgba(0,217,255,.2);overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3)}.data-heading{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary-color);text-align:center}table{width:100%;border-collapse:collapse}th{background:rgba(0,217,255,.08);padding:1rem;text-align:left;color:var(--primary-color);border-bottom:2px solid var(--primary-color);font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}td{padding:1rem;border-bottom:1px solid rgba(0,217,255,.1);font-family:'Roboto Mono',monospace}tr:hover{background:rgba(0,217,255,.05)}.data-pos{font-weight:700;color:var(--secondary-color)}.data-ticker{font-weight:700;color:var(--primary-color)}.data-val{font-weight:700;color:var(--success-color)}.learning-section{padding:3rem 0;position:relative;z-index:2}.learning-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.learning-item{background:var(--bg-card);padding:2rem;border-radius:12px;border:1px solid rgba(0,217,255,.2);position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3)}.learning-item::after{content:'';position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,var(--glow-color),transparent);opacity:0;transition:opacity .3s}.learning-item:hover::after{opacity:1}.learning-pic{width:100%;height:200px;background:linear-gradient(135deg,rgba(0,217,255,.15),rgba(0,255,136,.15));border-radius:10px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative;overflow:hidden}.learning-pic::before{content:'';position:absolute;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,217,255,.08) 10px,rgba(0,217,255,.08) 20px);animation:slide 20s linear infinite}@keyframes slide{0%{transform:translate(0,0)}100%{transform:translate(50%,50%)}}.learning-pic img{width:120px;height:120px;border-radius:50%;border:2px solid var(--primary-color);z-index:1;box-shadow:0 0 20px var(--glow-color)}.learning-item h3{font-size:1.4rem;margin-bottom:1rem;color:var(--secondary-color)}.learning-item p{color:var(--text-secondary);line-height:1.8}.action-section{padding:4rem 0;text-align:center;background:linear-gradient(135deg,rgba(0,217,255,.08),rgba(0,255,136,.08));position:relative;z-index:2}.action-section h2{font-size:2.2rem;margin-bottom:1rem;color:var(--primary-color)}.action-section p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.8}.action-trigger{padding:1.2rem 3rem;font-size:1.1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:50px;color:var(--bg-dark);font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 5px 20px var(--glow-color)}.action-trigger:hover{transform:translateY(-5px);box-shadow:0 10px 40px var(--glow-color)}footer{background:var(--bg-darker);padding:3rem 0 1rem;border-top:1px solid var(--primary-color);position:relative;z-index:2}.footer-wrap{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;margin-bottom:2rem;flex-wrap:wrap}.footer-wrap>div{flex:1;min-width:250px}.footer-menu{list-style:none}.footer-menu li{margin-bottom:.5rem}.footer-menu a{color:var(--text-secondary);text-decoration:none;transition:color .3s}.footer-menu a:hover{color:var(--primary-color)}.footer-credits{text-align:center;padding-top:2rem;border-top:1px solid rgba(0,217,255,.2);color:var(--text-secondary)}@media (max-width:798px){.content-container{max-width:100%}.main-wrap{width:100%;padding:0 1rem}.nav-wrap{max-width:100%;padding:0 1rem;flex-direction:column;gap:1rem}.consent-wrap{max-width:100%;padding:0 1rem}.nav-menu{flex-direction:column;gap:.5rem;width:100%;text-align:center}.nav-menu li{width:100%}.nav-menu a{display:block;padding:.5rem}.hero-section{padding:1.5rem 0 3rem}.hero-avatar{width:100px;height:100px;margin-bottom:1rem}.hero-section h1{font-size:1.8rem;margin-bottom:.8rem}.hero-section p{font-size:1rem;margin-bottom:1.5rem;padding:0 1rem}.search-widget{padding:0 1rem}.search-field{padding:1rem 1.5rem;font-size:1rem}.search-submit{position:static;transform:none;width:100%;margin-top:1rem;padding:1rem}.features-section{padding:3rem 0}.features-layout{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.feature-item{padding:1.5rem}.feature-ico{font-size:2.5rem}.feature-item h3{font-size:1.3rem}.stats-section{padding:3rem 0}.stats-layout{grid-template-columns:1fr;gap:1rem}.stat-item{padding:1.5rem 1rem}.stat-value{font-size:2.2rem}.sec-title{font-size:1.8rem}.sec-subtitle{font-size:.95rem;padding:0 1rem;margin-bottom:2rem}.data-section{padding:3rem 0}.data-layout{grid-template-columns:1fr;gap:1.5rem}.data-block{padding:1.5rem;overflow-x:auto}table{min-width:100%;font-size:.9rem}td,th{padding:.8rem .5rem;font-size:.85rem}.learning-section{padding:3rem 0}.learning-layout{grid-template-columns:1fr;gap:1.5rem}.learning-item{padding:1.5rem}.learning-item h3{font-size:1.2rem}.action-section{padding:4rem 0}.action-section h2{font-size:1.8rem;padding:0 1rem}.action-section p{font-size:1rem;padding:0 1rem}.action-trigger{padding:1rem 2rem;font-size:1rem}footer{padding:2rem 0 1rem}.footer-wrap{flex-direction:column;gap:2rem}.consent-wrap{flex-direction:column;align-items:flex-start}.consent-actions{width:100%}.consent-btn{flex:1;padding:.7rem 1.5rem}.popup-box{padding:2rem 1.5rem;width:95%;max-width:100%}.popup-heading{font-size:1.5rem}.popup-desc{font-size:1rem}.popup-avatar{width:80px;height:80px}.popup-action{padding:1rem 2rem;font-size:1rem;width:100%}.ticker-entry{padding:0 1.5rem;font-size:.85rem}}@media (min-width:799px){.content-container{max-width:500px}.main-wrap{width:100%}.nav-wrap{max-width:500px}.consent-wrap{max-width:500px}.features-layout{grid-template-columns:1fr}.data-layout{grid-template-columns:1fr}.learning-layout{grid-template-columns:1fr}.stats-layout{grid-template-columns:1fr}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.u-fade-in{animation:fadeIn .6s ease-out}.ticker-strip{background:rgba(0,217,255,.05);padding:1rem 0;overflow:hidden;border-top:1px solid rgba(0,217,255,.3);border-bottom:1px solid rgba(0,217,255,.3);backdrop-filter:blur(5px);position:relative;z-index:2}.ticker-wrap{display:flex;animation:ticker 30s linear infinite}.ticker-entry{padding:0 3rem;white-space:nowrap;color:var(--text-primary);font-family:'Roboto Mono',monospace;font-weight:500;font-size:.95rem}.ticker-rise{color:var(--chart-green);text-shadow:0 0 8px rgba(0,255,136,.4)}.ticker-fall{color:var(--chart-red);text-shadow:0 0 8px rgba(255,71,87,.4)}@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.popup{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(5,8,20,.95);backdrop-filter:blur(10px);animation:modalFadeIn .3s ease-out}.popup-open{display:flex;align-items:center;justify-content:center}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}.popup-box{background:var(--bg-card);border:2px solid var(--primary-color);border-radius:20px;padding:3rem;max-width:600px;width:90%;position:relative;box-shadow:0 0 50px var(--glow-color),0 0 100px var(--glow-color);animation:modalSlideIn .4s ease-out;text-align:center}@keyframes modalSlideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-dismiss{position:absolute;top:1rem;right:1.5rem;font-size:2rem;color:var(--text-secondary);cursor:pointer;transition:all .3s;background:0 0;border:none;line-height:1}.popup-dismiss:hover{color:var(--primary-color);transform:rotate(90deg)}.popup-avatar{width:100px;height:100px;margin:0 auto 2rem;border-radius:50%;border:3px solid var(--primary-color);box-shadow:0 0 30px var(--glow-color);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 30px var(--glow-color)}50%{transform:scale(1.05);box-shadow:0 0 50px var(--glow-color)}}.popup-heading{font-size:2rem;color:var(--primary-color);margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.popup-desc{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.popup-alert{color:var(--warning-color);font-size:.95rem;margin-bottom:2rem;padding:1rem;background:rgba(245,158,11,.1);border-radius:10px;border:1px solid rgba(245,158,11,.3)}.popup-action{padding:1.2rem 3rem;font-size:1.1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:50px;color:var(--bg-dark);font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 5px 20px var(--glow-color)}.popup-action:hover{transform:translateY(-3px);box-shadow:0 10px 40px var(--glow-color)}.consent-bar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);backdrop-filter:blur(10px);border-top:2px solid var(--primary-color);padding:1.5rem;z-index:9998;box-shadow:0 -5px 30px var(--glow-color);transform:translateY(100%);transition:transform .4s ease-out}.consent-visible{transform:translateY(0)}.consent-wrap{max-width:500px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.consent-info{flex:1;min-width:300px}.consent-info h4{color:var(--primary-color);margin-bottom:.5rem;font-size:1.2rem}.consent-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.consent-info a{color:var(--secondary-color);text-decoration:none;transition:color .3s}.consent-info a:hover{color:var(--primary-color)}.consent-actions{display:flex;gap:1rem;flex-wrap:wrap}.consent-btn{padding:.8rem 2rem;border:none;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s;font-size:.95rem}.consent-btn--accept{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--bg-dark);box-shadow:0 3px 15px var(--glow-color)}.consent-btn--accept:hover{transform:translateY(-2px);box-shadow:0 5px 25px var(--glow-color)}.consent-btn--decline{background:0 0;color:var(--text-secondary);border:1px solid var(--text-secondary)}.consent-btn--decline:hover{color:var(--primary-color);border-color:var(--primary-color)}