.navigation{position:fixed;bottom:24px;left:50%;z-index:1000}.nav-container{display:flex;align-items:center;gap:8px;padding:8px;background:#14141cd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:50px;box-shadow:0 8px 32px #0000004d}.nav-items{display:flex;align-items:center;gap:4px}.nav-item{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--text-tertiary);transition:all var(--transition-fast)}.nav-item:hover{color:var(--text-primary);background:#ffffff14}.nav-item.active{color:var(--text-primary);background:var(--accent-blue)}.nav-icon{display:flex;align-items:center;justify-content:center}.nav-icon svg{width:20px;height:20px}.nav-divider{width:1px;height:24px;background:var(--border-light);margin:0 4px}.resume-btn{padding:10px 20px;background:var(--accent-blue);border-radius:25px;font-size:.9rem;font-weight:500;color:#fff;transition:all var(--transition-normal)}.resume-btn:hover{background:#4a6be8;color:#fff}@media (max-width: 480px){.nav-container{padding:6px;gap:4px}.nav-item{width:40px;height:40px}.resume-btn{padding:8px 16px;font-size:.85rem}}.hero-card{position:absolute;top:40%;left:40%;transform:translate(-40%,-40%);z-index:10}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding:20px}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:400;font-style:italic;line-height:1.1;color:var(--text-primary)}.hero-title .highlight{color:var(--text-primary)}.hero-photos{display:flex;justify-content:center;gap:-20px;margin:10px 0}.photo{width:80px;height:100px;border-radius:8px;overflow:hidden;border:3px solid white;box-shadow:0 4px 12px #0003;transition:transform .3s ease}.photo:hover{transform:scale(1.05) rotate(2deg);z-index:5}.photo-1{transform:rotate(-8deg);margin-right:-15px;z-index:1}.photo-2{transform:rotate(0);z-index:2}.photo-3{transform:rotate(8deg);margin-left:-15px;z-index:1}.photo-inner{width:100%;height:100%}.hero-description{font-size:1rem;color:var(--text-secondary);max-width:320px;line-height:1.6}.hero-indicator{display:flex;justify-content:center;padding:8px 0}.indicator-dot{width:10px;height:10px;background:var(--text-tertiary);border-radius:50%;position:relative}.indicator-dot:before,.indicator-dot:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--text-tertiary);border-radius:50%;opacity:.4}.indicator-dot:before{left:-14px}.indicator-dot:after{right:-14px}.cta-button{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--accent-blue);border-radius:30px;font-size:.95rem;font-weight:500;color:#fff;box-shadow:0 4px 20px #3b5bdb4d;transition:all var(--transition-normal)}.cta-button:hover{background:#4a6be8;box-shadow:0 6px 28px #3b5bdb66;color:#fff}.cta-button .arrow{transition:transform var(--transition-fast)}.cta-button:hover .arrow{transform:translate(3px)}@media (max-width: 480px){.hero-title{font-size:2rem}.photo{width:60px;height:75px}.hero-description{font-size:.9rem}}.project-card{position:absolute;background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-card);cursor:pointer;transition:box-shadow .3s ease}.project-card:hover{box-shadow:0 16px 48px #00000080}.project-card--clickable{cursor:pointer}.project-preview{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-info{padding:16px 20px;background:linear-gradient(180deg,#0000,#000c);position:absolute;bottom:0;left:0;right:0}.project-title{font-size:.95rem;font-weight:500;color:#fff;line-height:1.4}.phone-mockup{padding:20px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.phone-frame{width:160px;height:320px;background:#1a1a25;border-radius:28px;padding:8px;position:relative;box-shadow:0 8px 32px #0000004d}.phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:60px;height:20px;background:#0a0a10;border-radius:10px;z-index:10}.phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#0d7377,#14919b);border-radius:22px;padding:35px 12px 12px;overflow:hidden}.music-header{display:flex;gap:6px;margin-bottom:10px}.music-badge{padding:4px 8px;background:#ffffff26;border-radius:12px;font-size:7px;color:#fff}.music-player{background:#0003;border-radius:12px;padding:10px;margin-bottom:10px}.album-art{width:100%;height:60px;background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:8px;margin-bottom:8px}.track-info{text-align:center;margin-bottom:8px}.track-name{font-size:9px;font-weight:600;color:#fff}.track-artist{font-size:7px;color:#ffffffb3}.player-controls{display:flex;justify-content:center;gap:6px}.control-dot{width:6px;height:6px;background:#ffffff4d;border-radius:50%}.control-dot.active{background:#fff}.track-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.track-item{display:flex;align-items:center;gap:8px;padding:6px;background:#00000026;border-radius:8px}.track-thumb{width:28px;height:28px;background:#fff3;border-radius:4px}.track-details{display:flex;flex-direction:column}.track-details span{font-size:7px;color:#fff}.track-details small{font-size:6px;color:#fff9}.select-mode-btn{background:#0000004d;padding:8px;border-radius:20px;text-align:center;font-size:8px;color:#fff}.hud-mockup{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.hud-display{display:flex;align-items:flex-end;justify-content:space-between;width:100%;padding:20px}.speed-section{display:flex;flex-direction:column;color:#fff}.speed-label{font-size:10px;opacity:.6}.speed-value{font-size:42px;font-weight:300;line-height:1}.hud-center{flex:1;display:flex;flex-direction:column;align-items:center}.road-graphic{width:100px;height:60px}.road-graphic svg{width:100%;height:100%}.nav-info{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:11px;color:#ffffffb3}.nav-icon{color:#4a9eff}.rpm-section{display:flex;flex-direction:column;align-items:flex-end;color:#fff}.rpm-value{font-size:20px;font-weight:300}.rpm-value small{font-size:10px;opacity:.6}.temp-gauge{display:flex;align-items:center;gap:6px;font-size:9px;margin-top:8px}.temp-bar{width:60px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.temp-fill{width:40%;height:100%;background:linear-gradient(90deg,#4a9eff,#ff6b6b)}.dashboard-mockup{width:100%;height:100%;background:#f8f9fa;padding:16px;display:flex;flex-direction:column}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dash-logo{font-size:10px;font-weight:700;color:#1a1a2e;letter-spacing:.05em}.dash-title{font-size:12px;color:#666}.dash-content{flex:1;display:flex;flex-direction:column;gap:12px}.dash-chart{flex:1;background:#fff;border-radius:12px;padding:12px;box-shadow:0 2px 8px #0000000d}.dash-chart svg{width:100%;height:100%}.dash-stats{display:flex;flex-direction:column;gap:8px}.stat-item{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.stat-bar{height:100%;background:var(--accent-blue);border-radius:4px}.spatial-mockup{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.laptop-frame{width:90%;max-width:260px}.laptop-screen{background:#1a2a3a;border-radius:8px 8px 0 0;padding:8px;border:2px solid #2a3a4a;border-bottom:none}.spatial-scene{height:120px;background:linear-gradient(180deg,#87ceeb,#f0f8ff,#228b22);border-radius:4px;position:relative;overflow:hidden}.mountain{position:absolute;bottom:30%;left:50%;transform:translate(-50%);width:0;height:0;border-left:80px solid transparent;border-right:80px solid transparent;border-bottom:60px solid #4a7c59}.laptop-base{height:12px;background:linear-gradient(180deg,#3a4a5a,#2a3a4a);border-radius:0 0 4px 4px;margin:0 -10px}.floating-badge-wrapper{position:absolute;z-index:20}.floating-badge{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #3b5bdb4d;transition:box-shadow .3s ease}.floating-badge:hover{box-shadow:0 6px 24px #3b5bdb80}.badge-text{font-size:14px;font-weight:700;color:#fff;letter-spacing:.02em}.testimonial-popup{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);width:240px;background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 4px 6px #0000000f,0 12px 32px #0000001f;pointer-events:none;z-index:100}.testimonial-popup:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:14px;height:14px;background:#fff;border-radius:3px;rotate:45deg;box-shadow:3px 3px 6px #0000000f}.testimonial-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.testimonial-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.testimonial-meta{display:flex;flex-direction:column;gap:2px}.testimonial-name{font-size:13px;font-weight:700;color:#111;line-height:1.2}.testimonial-role{font-size:11.5px;color:#666;line-height:1.2}.testimonial-company{color:#3b5bdb;font-weight:600;text-decoration:underline;text-underline-offset:2px}.testimonial-quote{font-size:12.5px;color:#333;line-height:1.55;margin:0;font-style:normal}.photo-stack{position:absolute;top:1290px;left:1220px;z-index:5}.stack-label{font-size:12px;color:var(--text-tertiary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.1em;pointer-events:none}.photos-container{position:relative;width:200px;height:150px}.stack-photo{position:absolute;width:120px;height:90px;border-radius:8px;border:3px solid rgba(255,255,255,.9);box-shadow:0 4px 16px #0000004d;cursor:pointer;transition:box-shadow .3s ease,transform .2s ease}.stack-photo:hover{box-shadow:0 8px 24px #0006}.quote-card{position:absolute;max-width:320px;padding:24px 28px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;z-index:5}.quote-content{display:flex;gap:4px}.quote-mark{font-family:var(--font-display);font-size:2rem;color:var(--accent-blue);line-height:1}.quote-text{font-family:var(--font-display);font-size:1rem;font-style:italic;color:var(--text-secondary);line-height:1.6;margin:0}.quote-author{display:block;margin-top:12px;font-size:.85rem;font-style:normal;color:var(--accent-blue);text-align:right}.contact-card{position:absolute;padding:20px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;z-index:5;display:flex;flex-direction:column;gap:12px}.contact-label{font-size:.85rem;color:var(--text-tertiary)}.contact-button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease}.contact-button:hover{border-color:var(--accent-blue);background:#3b5bdb1a}.contact-email{font-size:.95rem;font-weight:500;color:var(--text-primary)}.copy-status{font-size:.75rem;color:var(--text-tertiary);transition:color .2s ease}.copy-status.copied{color:#10b981}.artwork-card{position:absolute;z-index:5;cursor:pointer}.artwork-card.small .artwork-image{width:80px;height:80px}.artwork-card.medium .artwork-image{width:120px;height:120px}.artwork-card.large .artwork-image{width:160px;height:160px}.artwork-image{overflow:hidden;border-radius:12px;border:3px solid rgba(255,255,255,.9);box-shadow:0 8px 24px #0000004d;background:#0f0f10}.artwork-image-content{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.artwork-image-placeholder{width:100%;height:100%}.artwork-title{display:block;margin-top:8px;font-size:.8rem;color:var(--text-tertiary);text-align:center}.music-card{position:absolute;width:500px;display:flex;flex-direction:column;gap:14px;cursor:grab;z-index:10}.music-card:active{cursor:grabbing}.music-card-label{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73}.music-card-dot{width:7px;height:7px;border-radius:50%;background:#fc3c44;box-shadow:0 0 8px #fc3c44aa;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 8px #fc3c44aa}50%{opacity:.6;box-shadow:0 0 5px #fc3c4470}}.music-card-embed{border-radius:14px;overflow:hidden;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.06)}body:has(.canvas-container){overflow:hidden}.canvas-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-container:active{cursor:grabbing}.canvas-container *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.canvas{position:absolute;width:2400px;height:2000px;left:calc(50% - 1200px);top:calc(50% - 1000px);will-change:transform;touch-action:none}@media (max-width: 768px){.canvas{left:calc(50% - 1140px);top:calc(50% - 860px)}}.canvas>*{pointer-events:auto}.grid-background{position:absolute;top:-1000px;left:-1000px;right:-1000px;bottom:-1000px;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.drag-hint{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 20px;background:#141419cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:30px;color:var(--text-tertiary);font-size:.85rem;pointer-events:none;z-index:100;-webkit-user-select:none;user-select:none}.drag-hint svg{width:16px;height:16px}.reset-center-btn{position:fixed;bottom:100px;right:24px;display:flex;align-items:center;gap:6px;padding:10px 16px;background:#141419d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:30px;color:var(--text-tertiary);font-size:.8rem;cursor:pointer;z-index:200;transition:color .2s,border-color .2s}.reset-center-btn:hover{color:var(--text-primary);border-color:var(--accent-blue)}.reset-center-btn svg{width:14px;height:14px}.canvas:before{content:"";position:absolute;top:200px;right:300px;width:600px;height:600px;background:radial-gradient(circle,rgba(59,91,219,.15) 0%,transparent 70%);filter:blur(60px);pointer-events:none}.canvas:after{content:"";position:absolute;bottom:200px;left:200px;width:500px;height:500px;background:radial-gradient(circle,rgba(13,115,119,.1) 0%,transparent 70%);filter:blur(60px);pointer-events:none}@media (max-width: 768px){.navigation{left:50%;transform:translate(-50%);bottom:16px}}.footer{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#0a0a1a}.footer-video-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.footer-video{width:100%;height:100%;object-fit:cover;opacity:.45}.footer-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0f,#0a0a1a8c 30%,#050a28b3 70%,#0a0a1a)}.footer-z-container{position:relative;width:280px;height:280px;z-index:1;margin-bottom:40px}.footer-z{width:100%;height:100%;filter:drop-shadow(0 0 20px rgba(59,91,219,.6))}.z-pixel-dots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.z-dot{position:absolute;width:15px;height:15px;background:var(--accent-blue);border-radius:10px;box-shadow:0 0 15px #3b5bdbcc}.footer-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:640px;padding:0 32px 80px;text-align:center}.footer-quote{display:flex;flex-direction:column;gap:12px}.footer-quote-text{font-family:var(--font-display);font-size:clamp(1.1rem,2.5vw,1.4rem);font-style:italic;color:#ffffffe6;line-height:1.7}.footer-quote-author{font-size:.9rem;font-style:normal;color:var(--accent-blue)}.footer-contact-section{display:flex;flex-direction:column;align-items:center;gap:20px}.footer-contact-label{font-size:.85rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}.footer-socials{display:flex;gap:20px}.footer-social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#ffffffb3;transition:all .2s ease}.footer-social-link:hover{color:#fff;background:#3b5bdb59;border-color:var(--accent-blue)}.footer-social-link svg{width:18px;height:18px}.footer-email{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:50px;cursor:pointer;transition:all .25s ease}.footer-email:hover{background:#3b5bdb33;border-color:var(--accent-blue)}.footer-email span:first-child{font-size:1rem;font-weight:500;color:#fff}.footer-copy-badge{font-size:.75rem;color:#fff6;opacity:0;transition:opacity .2s ease,color .2s ease}.footer-email:hover .footer-copy-badge,.footer-copy-badge.visible{opacity:1}.footer-copy-badge.visible{color:#10b981}.footer-music{width:100%;max-width:500px;display:flex;flex-direction:column;gap:14px}.footer-music-label{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73}.footer-music-dot{width:7px;height:7px;border-radius:50%;background:#fc3c44;box-shadow:0 0 8px #fc3c44aa;animation:pulse-dot 2s ease-in-out infinite}.footer-music-embed{border-radius:14px;overflow:hidden;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.06)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08);width:100%}.footer-nav-links{display:flex;gap:28px}.footer-nav-links a{font-size:.9rem;color:#ffffff73;transition:color .2s ease}.footer-nav-links a:hover{color:#fff}.footer-copy{font-size:.8rem;color:#ffffff40}@media (max-width: 480px){.footer-z-container{width:200px;height:200px}.footer-content{padding:0 20px 80px}}.page{min-height:100vh;background:var(--bg-primary);position:relative;overflow-x:hidden;overflow-y:auto}.page-container{max-width:1200px;margin:0 auto;padding:80px 40px}.page-content{display:flex;flex-direction:column;gap:48px}.page-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);font-weight:400;font-style:italic;color:var(--text-primary);margin-bottom:20px}.title-dot{color:var(--accent-blue)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.work-card{background:var(--bg-card);border-radius:20px;overflow:hidden;cursor:pointer;border:1px solid var(--border-color);transition:all .3s ease}.work-card:hover{border-color:var(--border-light);box-shadow:0 16px 48px #0000004d}.work-card-image{height:280px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.work-card-title{padding:20px 24px;font-size:1.1rem;font-weight:500;color:var(--accent-blue);line-height:1.4}.work-phone-mockup{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.phone-frame-mini{width:220px;height:420px;background:#1a1a25;border-radius:32px;padding:8px;box-shadow:0 20px 60px #0006}.phone-screen-mini{width:100%;height:100%;background:linear-gradient(180deg,#0d7377,#14919b);border-radius:26px;padding:16px 12px;overflow:hidden;display:flex;flex-direction:column;gap:8px}.suggestion-header{display:flex;align-items:center;gap:12px;color:#fff;font-size:10px}.back-arrow{opacity:.7}.suggestion-title{font-weight:600;letter-spacing:.05em}.suggestion-tabs{display:flex;gap:8px;font-size:8px;color:#fff9;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.suggestion-tabs .active{color:#fff;font-weight:600}.trending-items{display:flex;gap:12px;margin:8px 0}.trending-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:8px;color:#fff}.trending-art{width:50px;height:50px;background:#fff3;border-radius:8px}.trending-icon{font-size:10px}.trending-info{font-size:8px;color:#ffffffb3;text-align:center;padding:8px;line-height:1.4}.now-playing-mini{background:#0000004d;border-radius:12px;padding:10px;display:flex;align-items:center;gap:10px}.now-playing-art{width:40px;height:40px;background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:6px}.now-playing-info{flex:1;display:flex;flex-direction:column}.np-title{font-size:10px;font-weight:600;color:#fff}.np-artist{font-size:8px;color:#fff9}.np-controls{display:flex;gap:8px;font-size:12px}.suggestions-list{display:flex;flex-direction:column;gap:6px;margin-top:auto}.suggestion-item{display:flex;align-items:center;gap:8px;padding:6px;background:#0003;border-radius:8px}.sugg-art{width:32px;height:32px;background:#ffffff26;border-radius:4px}.sugg-info{display:flex;flex-direction:column}.sugg-info span{font-size:9px;color:#fff}.sugg-info small{font-size:7px;color:#ffffff80}.vr-mockup{width:100%;height:100%;position:relative}.vr-scene{width:100%;height:100%;background:linear-gradient(180deg,#87ceeb,#e0f0ff,#90c695);position:relative;overflow:hidden}.vr-landscape{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(180deg,#5a8a5e,#3a6a3e)}.vr-ui-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e1e28e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px;width:180px}.vr-panel-header{font-size:12px;font-weight:600;color:#fff;margin-bottom:12px;display:flex;justify-content:space-between}.vr-input{background:#ffffff1a;border-radius:6px;padding:8px 12px;font-size:10px;color:#fff9;margin-bottom:8px}.vr-tags{display:flex;gap:6px}.vr-tags span{background:#ffffff1a;padding:4px 8px;border-radius:12px;font-size:8px;color:#ffffffb3}.vr-headset{position:absolute;bottom:20px;left:20px;width:100px;height:60px;background:linear-gradient(135deg,#2a2a3a,#1a1a2a);border-radius:8px}.color-palette{display:flex;align-items:center;gap:32px;padding:24px 32px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);margin-top:32px}.palette-info{display:flex;flex-direction:column;gap:4px}.palette-stat{font-size:1.5rem;font-weight:600;color:var(--text-primary);display:inline}.palette-stat:first-child:after{content:" "}.palette-label{font-size:.85rem;color:var(--text-tertiary)}.palette-colors{display:flex;gap:8px}.palette-color{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-color)}.palette-badge{width:40px;height:40px;background:var(--accent-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.about-page{display:flex;flex-direction:column;justify-content:center;min-height:100vh}.about-content{align-items:center;text-align:center}.about-pixel-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.about-pixel{position:absolute;width:5px;height:5px;background:var(--text-primary);border-radius:1px;animation:aboutPixelPulse 2.8s ease-in-out infinite}@keyframes aboutPixelPulse{0%,to{transform:scale(1);filter:brightness(.6)}50%{transform:scale(1.4);filter:brightness(2)}}.about-page .page-container{position:relative;z-index:1}.about-bio{max-width:580px}.about-bio p{font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.85;color:var(--text-secondary)}.about-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.about-tag{padding:8px 18px;border:1px solid rgba(59,91,219,.35);border-radius:50px;font-size:.85rem;color:#fff9;background:#3b5bdb14;transition:all .2s ease}.about-tag:hover{border-color:var(--accent-blue);color:#fff;background:#3b5bdb33}.about-sections{display:flex;flex-direction:column;gap:120px;margin-top:100px;padding-bottom:40px;overflow:hidden}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-section--reverse{direction:rtl}.about-section--reverse>*{direction:ltr}.about-section-img{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3 / 4}.about-section-img img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;filter:grayscale(15%) contrast(1.05);transition:transform .6s ease,filter .4s ease}.about-section-img:hover img{transform:scale(1.03);filter:grayscale(0%) contrast(1.1)}.about-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(10,10,26,.35) 0%,transparent 50%,rgba(10,10,26,.2) 100%);pointer-events:none}.about-section-num{position:absolute;bottom:16px;right:20px;font-family:var(--font-display);font-size:4rem;font-weight:700;font-style:italic;color:#ffffff1f;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.about-section-text{display:flex;flex-direction:column;gap:20px;padding:12px 0}.about-section-line{width:48px;height:2px;background:var(--accent-blue);transform-origin:left center}.about-section--reverse .about-section-line{transform-origin:right center}.about-section-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:400;font-style:italic;color:var(--text-primary);line-height:1.2}.about-section-body{font-size:clamp(.9rem,1.4vw,1.05rem);line-height:1.9;color:var(--text-secondary);white-space:pre-line}.stacked-img{position:relative;width:100%;height:100%}.stacked-img__bottom{display:block;width:100%;height:100%;object-fit:cover}.stacked-img__top-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.stacked-img__top{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(1.05) contrast(1.05)}.tech-icon-section{padding:80px 0 40px}.tech-icon-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,255,255,.07);border-bottom:none;border-right:none}.tech-icon-cell{border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 16px;cursor:default;color:#ffffff59;transition:background .2s,color .2s}.tech-icon-svg{width:44px;height:44px;flex-shrink:0}@media (max-width: 768px){.about-page .page-container{padding:40px 20px 60px}.about-page .page-title{font-size:clamp(2.2rem,9vw,3rem);margin-bottom:12px}.about-content{text-align:left;align-items:flex-start}.about-bio{max-width:100%}.about-bio p{font-size:.95rem;line-height:1.7}.about-tags{gap:8px;margin-top:6px}.about-tag{padding:6px 14px;font-size:.78rem}.skills-section{margin-top:44px}.about-section,.about-section--reverse{grid-template-columns:1fr;direction:ltr;gap:24px}.about-sections{gap:56px;margin-top:48px}.about-section-img{aspect-ratio:4 / 3}.about-section-title{font-size:clamp(1.5rem,7vw,2rem)}.about-section-body{font-size:.9rem;line-height:1.75}.tech-icon-section{padding:48px 0 24px}.tech-icon-grid{grid-template-columns:repeat(4,1fr)}.tech-icon-cell{padding:14px 8px;gap:6px}.tech-icon-svg{width:32px;height:32px}}@media (max-width: 480px){.about-page .page-container{padding:32px 16px 60px}.tech-icon-grid{grid-template-columns:repeat(3,1fr)}.tech-icon-cell{padding:12px 6px;gap:5px}.tech-icon-svg{width:28px;height:28px}.about-sections{gap:44px;margin-top:36px}}.scroll-indicator{margin-top:40px}.scroll-dot{width:12px;height:12px;background:var(--text-tertiary);border-radius:50%;position:relative}.scroll-dot:before,.scroll-dot:after{content:"";position:absolute;width:8px;height:8px;background:var(--text-tertiary);border-radius:50%;opacity:.4;top:50%;transform:translateY(-50%)}.scroll-dot:before{left:-16px}.scroll-dot:after{right:-16px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{background:var(--bg-card);border-radius:16px;overflow:hidden;cursor:pointer;border:1px solid var(--border-color);transition:all .3s ease}.blog-card:hover{border-color:var(--border-light)}.blog-card-image{height:180px;display:flex;align-items:center;justify-content:center;position:relative}.blog-card-content{padding:16px 20px}.blog-card-title{font-size:1rem;font-weight:500;color:var(--accent-blue);line-height:1.4;margin-bottom:8px}.blog-card-meta{display:flex;gap:12px;font-size:.8rem}.blog-type{color:var(--text-secondary)}.blog-date{color:var(--text-tertiary)}.blog-icon{width:80px;height:80px}.heart-icon{animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.buttons-icon{display:flex;flex-direction:column;gap:8px}.button-row{display:flex;gap:4px}.btn-block{width:16px;height:16px;background:var(--accent-blue);opacity:.6}.button-pills{display:flex;gap:8px}.pill{padding:4px 10px;border-radius:4px;font-size:8px;font-weight:500}.pill.purple{background:#7c3aed;color:#fff}.pill.green{background:#10b981;color:#fff}.figure-icon{display:flex;align-items:center;justify-content:center}.figure-silhouette{width:50px;height:70px;background:linear-gradient(180deg,#2a2a3a,#1a1a2a);border-radius:50% 50% 45% 45%}.star-icon{animation:starRotate 10s linear infinite}@keyframes starRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.robot-icon{display:flex;flex-direction:column;align-items:center}.robot-head{width:50px;height:40px;background:#60a5fa;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px}.robot-eye{width:10px;height:10px;background:#fff;border-radius:50%}.robot-antenna{width:4px;height:15px;background:#60a5fa;border-radius:2px;margin-top:-5px}.run-icon{position:relative}.runner{width:20px;height:30px;background:#ef4444;border-radius:50% 50% 40% 40%}.track-lines{position:absolute;bottom:10px;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,#fca5a5 0px,#fca5a5 20px,transparent 20px,transparent 25px)}@media (max-width: 1024px){.projects-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}.hands-illustration{gap:40px}.hand{width:250px;height:200px}}@media (max-width: 768px){.page-container{padding:60px 20px 100px}.blog-grid{grid-template-columns:1fr}.color-palette{flex-wrap:wrap;gap:16px}.about-tags{gap:8px}}.gallery-page{min-height:100dvh}.gallery-header{padding:80px 0 48px}.gallery-title{display:flex;align-items:baseline;gap:2px}.gallery-cursor{display:inline-block;color:var(--text-secondary);margin-left:2px;font-weight:300}.gallery-subtitle{font-size:1rem;color:var(--text-tertiary);max-width:520px;line-height:1.7;margin-top:-16px;margin-bottom:36px}.gallery-filters{display:flex;flex-wrap:wrap;gap:8px}.gallery-filter-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border-radius:30px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-tertiary);font-size:.82rem;font-weight:500;cursor:pointer;transition:border-color .2s,color .2s,background .2s;font-family:inherit}.gallery-filter-btn:hover{color:var(--text-secondary);border-color:var(--border-light)}.gallery-filter-btn.active{color:var(--text-primary);border-color:var(--border-light);background:var(--bg-card)}.gallery-filter-count{font-size:.7rem;opacity:.5;font-weight:400}.gallery-masonry{column-count:3;column-gap:14px;padding-bottom:80px}@media (max-width: 900px){.gallery-masonry{column-count:2}}@media (max-width: 560px){.gallery-masonry{column-count:1}}.gallery-card{break-inside:avoid;display:block;margin-bottom:14px;border-radius:14px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);cursor:default;transition:border-color .25s}.gallery-card:hover{border-color:var(--border-light)}.gallery-card-img{position:relative;width:100%}.gallery-card-img--fixed{height:var(--card-h);overflow:hidden}.gallery-card-img img{width:100%;height:auto;display:block;transition:transform .5s ease}.gallery-card:hover .gallery-card-img img{transform:scale(1.04)}.gallery-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.gallery-card-caption{display:flex;align-items:center;justify-content:space-between;padding:11px 14px 12px;gap:8px}.gallery-card-title{font-size:.82rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-card-tag{font-size:.68rem;font-weight:600;letter-spacing:.04em;padding:3px 9px;border-radius:20px;border:1px solid;white-space:nowrap;flex-shrink:0}.gallery-placeholder{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.gallery-placeholder-grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gallery-placeholder-icon{position:relative;z-index:1}.gallery-placeholder-num{position:absolute;bottom:10px;right:12px;font-size:.65rem;font-weight:700;letter-spacing:.1em;font-family:monospace}.gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gallery-lightbox-inner{max-width:min(90vw,900px);max-height:90vh;background:var(--bg-card);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-light)}.gallery-lightbox-inner img{width:100%;max-height:calc(90vh - 56px);object-fit:contain;display:block}.gallery-lightbox-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border-subtle);font-size:.85rem;color:var(--text-secondary)}.gallery-lightbox-close{background:none;border:1px solid var(--border-light);color:var(--text-tertiary);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s}.gallery-lightbox-close:hover{color:var(--text-primary);border-color:var(--text-secondary)}.cs-root{display:flex;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary)}.cs-sidebar{position:sticky;top:0;height:100vh;width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:20px;padding:32px 24px;border-right:1px solid var(--border-color);overflow-y:auto;background:var(--bg-secondary)}.cs-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .2s,color .2s;flex-shrink:0}.cs-back:hover{background:var(--bg-card);color:var(--text-primary)}.cs-sidebar-title{font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.55}.cs-tags{display:flex;flex-wrap:wrap;gap:6px}.cs-tag{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.72rem;font-weight:500;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);letter-spacing:.01em}.cs-nav{display:flex;flex-direction:column;gap:2px;margin-top:4px}.cs-nav-item{--nav-accent: #3B5BDB;display:flex;align-items:center;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-tertiary);font-size:.85rem;font-family:var(--font-primary);text-align:left;cursor:pointer;transition:color .2s,background .2s;position:relative}.cs-nav-item:hover{color:var(--text-secondary);background:var(--bg-card)}.cs-nav-item.active{color:var(--text-primary);background:var(--bg-card)}.cs-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:2px;background:var(--nav-accent)}.cs-sidebar::-webkit-scrollbar,.cs-main::-webkit-scrollbar{width:4px}.cs-sidebar::-webkit-scrollbar-track,.cs-main::-webkit-scrollbar-track{background:transparent}.cs-sidebar::-webkit-scrollbar-thumb,.cs-main::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.cs-main{flex:1;overflow-y:auto;padding:48px 56px 80px;max-width:820px}.cs-hero{width:100%;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:64px;border:1px solid var(--border-color)}.cs-section{margin-bottom:80px;scroll-margin-top:32px}.cs-section-label{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);margin-bottom:10px}.cs-section-title{font-size:1.65rem;font-weight:700;line-height:1.3;color:var(--text-primary);margin-bottom:24px}.cs-body{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.cs-body p{font-size:.95rem;line-height:1.8;color:var(--text-secondary)}.cs-body strong{color:var(--text-primary)}.cs-link{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-light)}.cs-link:hover{text-decoration-color:var(--text-primary)}.cs-highlight{background:#fadc501a;border-left:3px solid #fadc50;border-radius:4px;padding:12px 16px;font-size:.95rem;line-height:1.75;color:var(--text-secondary)!important;margin:0}.cs-meta-rows{border-top:1px solid var(--border-color)}.cs-meta-row{display:flex;align-items:center;gap:24px;padding:14px 0;border-bottom:1px solid var(--border-color)}.cs-meta-label{font-size:.82rem;color:var(--text-tertiary);width:120px;flex-shrink:0}.cs-meta-value{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cs-avatars{display:flex;gap:6px}.cs-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:.68rem;font-weight:700;color:#fff;border:2px solid var(--bg-secondary)}.cs-contrib-tag,.cs-date{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:.78rem;font-weight:500;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary)}.cs-date svg{opacity:.5;flex-shrink:0}.cs-date-sep{font-size:.8rem;color:var(--text-tertiary)}.cs-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-bottom:40px}.cs-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px 20px}.cs-stat-number{display:block;font-size:2.4rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:10px}.cs-stat-desc{font-size:.82rem;line-height:1.65;color:var(--text-tertiary)}.cs-card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.cs-card-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.cs-info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px 18px}.cs-info-card-icon{font-size:1.4rem;display:block;margin-bottom:10px}.cs-info-card-stat{display:block;font-size:1.55rem;font-weight:700;color:var(--accent-blue);margin-bottom:6px}.cs-info-card-title{font-size:.88rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.cs-info-card-desc{font-size:.78rem;color:var(--text-tertiary);line-height:1.55}.cs-chart-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px}.cs-chart-title{font-size:.82rem;font-weight:600;color:var(--text-tertiary);margin-bottom:20px;text-transform:uppercase;letter-spacing:.08em}.cs-chart-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cs-img-slot{width:100%;background:var(--bg-card);border:2px dashed var(--border-light);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:16px}.cs-img-slot-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;color:var(--text-tertiary)}.cs-img-slot-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.cs-img-slot-hint{font-size:.72rem;font-family:Courier New,monospace;color:var(--text-tertiary);background:var(--bg-secondary);padding:4px 10px;border-radius:6px}.cs-tech-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.cs-tech-badge{padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid;letter-spacing:.02em}.cs-live-banner{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 18px;margin-bottom:24px;gap:12px}.cs-live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e88;animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.cs-live-url{font-size:.82rem;color:var(--text-secondary);flex:1}.cs-live-link{font-size:.78rem;font-weight:600;color:var(--accent-blue);text-decoration:none;padding:6px 14px;border-radius:8px;border:1px solid var(--accent-blue);transition:background .2s;flex-shrink:0}.cs-live-link:hover{background:#3b5bdb1a}.cs-img-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.cs-img-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}@media (max-width: 768px){.cs-root{flex-direction:column}.cs-sidebar{position:sticky;top:0;height:auto;width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 16px;border-right:none;border-bottom:1px solid var(--border-color);overflow-y:visible;overflow-x:auto;z-index:50;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cs-sidebar::-webkit-scrollbar{display:none}.cs-back{flex-shrink:0}.cs-sidebar-title{font-size:.8rem;flex:1;min-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.cs-tags{display:none}.cs-nav{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;margin-top:0;width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.cs-nav::-webkit-scrollbar{display:none}.cs-nav-item{white-space:nowrap;flex-shrink:0;font-size:.78rem;padding:6px 12px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border-color)}.cs-nav-item.active{background:var(--bg-card);border-color:var(--border-light)}.cs-nav-item.active:before{display:none}.cs-main{padding:24px 16px 80px;max-width:100%;overflow-x:hidden}.cs-hero{margin-bottom:36px;border-radius:var(--radius-lg);padding:24px 20px!important;flex-wrap:wrap!important;gap:20px!important}.cs-hero-text{flex:1 1 100%;min-width:0}.cs-hero-stats{display:flex!important;flex-wrap:wrap!important;gap:10px!important;width:100%}.cs-hero-stat-item{flex:1 1 70px;min-width:70px;padding:12px 14px!important}.cs-hero-side{width:100%;flex-shrink:0!important;min-width:0!important}.cs-hero-phone{display:none!important}.cs-section{margin-bottom:52px}.cs-section-title{font-size:1.35rem}.cs-card-grid-3,.cs-card-grid-2,.cs-chart-row,.cs-img-grid-2,.cs-img-grid-3{grid-template-columns:1fr}.cs-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.cs-stat-card{padding:18px 14px}.cs-stat-number{font-size:1.9rem}.cs-meta-row{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0}.cs-meta-label{width:auto}.cs-live-banner{flex-wrap:wrap;gap:10px}.cs-live-url{font-size:.75rem;word-break:break-all}}@media (min-width: 769px) and (max-width: 1024px){.cs-sidebar{width:200px;padding:24px 16px}.cs-main{padding:36px 32px 80px}.cs-card-grid-3,.cs-stats-grid{grid-template-columns:repeat(2,1fr)}}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #16161f;--bg-card-hover: #1c1c28;--text-primary: #ffffff;--text-secondary: #b4b4c0;--text-tertiary: #6e6e80;--accent-blue: #3B5BDB;--accent-cyan: #0d7377;--accent-purple: #7c3aed;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .15);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Playfair Display", Georgia, serif;--transition-fast: .15s ease;--transition-normal: .3s ease;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--shadow-card: 0 8px 32px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{height:100%;position:relative}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}img{max-width:100%;display:block}::selection{background-color:var(--accent-blue);color:#fff}