@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.back-button{position:fixed;top:24px;left:24px;z-index:2000;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff9;cursor:pointer;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:0 4px 20px #0000004d,0 0 0 .5px #ffffff0a inset;animation:backBtnIn .4s cubic-bezier(.4,0,.2,1)}@keyframes backBtnIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.back-button:hover{background:#ffffff14;border-color:#fff3;color:#fffffff2;box-shadow:0 6px 28px #00000059,0 0 0 .5px #ffffff0f inset;transform:translate(-2px)}.back-button:active{transform:translate(0) scale(.95)}.connect-section{padding:0 24px 8px}.connect-section__label{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#ffffff4d;display:block;margin-bottom:10px}.connect-section__icons{display:flex;gap:8px}.connect-section__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffff80;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.connect-section__btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ff787800,#78a0ff00);transition:background .3s ease;pointer-events:none}.connect-section__btn:hover:before{background:linear-gradient(135deg,#ff787814,#78a0ff14)}.connect-section__btn:hover{color:#fffffff2;border-color:#fff3;background:#ffffff14;box-shadow:0 4px 20px #0000004d,0 0 15px #78a0ff0f;transform:translateY(-2px)}.connect-section__btn svg{width:16px;height:16px;position:relative;z-index:1}.connect-section--compact{padding:0}.connect-section--compact .connect-section__btn{width:36px;height:36px;border-radius:8px}.connect-section--compact .connect-section__btn svg{width:14px;height:14px}.sidebar-toggle{position:fixed;top:24px;right:24px;z-index:2200;width:48px;height:48px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000004d,0 0 0 .5px #ffffff0a inset}.sidebar-toggle:hover{border-color:#ffffff40;background:#ffffff14;box-shadow:0 6px 28px #00000059,0 0 0 .5px #ffffff0f inset;transform:scale(1.05)}.sidebar-toggle--open{border-color:#fff3;background:#ffffff14}.sidebar-toggle__icon{display:flex;flex-direction:column;gap:5px;width:20px}.sidebar-toggle__icon span{display:block;height:2px;background:#fff9;border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-toggle--open .sidebar-toggle__icon span:nth-child(1){transform:rotate(45deg) translateY(5px) translate(5px)}.sidebar-toggle--open .sidebar-toggle__icon span:nth-child(2){opacity:0;transform:scaleX(0)}.sidebar-toggle--open .sidebar-toggle__icon span:nth-child(3){transform:rotate(-45deg) translateY(-5px) translate(5px)}.sidebar{position:fixed;right:0;bottom:0;top:90px;width:320px;z-index:2100;border-top-left-radius:24px;background:linear-gradient(180deg,#ffffff0d,#ffffff05,#ffffff0a);backdrop-filter:blur(32px) saturate(150%);-webkit-backdrop-filter:blur(32px) saturate(150%);border-left:1px solid rgba(255,255,255,.08);transform:translate(100%);transition:transform .45s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:4px 0 40px #00000080,0 0 0 .5px #ffffff0a inset;overflow:hidden}.sidebar--open{transform:translate(0)}.sidebar:before{content:"";position:absolute;top:0;left:-1px;bottom:0;width:1px;background:linear-gradient(180deg,#ff787826,#ffffff0d,#78a0ff26);z-index:10;pointer-events:none}.sidebar:after{content:"";position:absolute;top:-100%;left:0;right:0;height:200%;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.015) 45%,rgba(255,255,255,.04) 50%,rgba(255,255,255,.015) 55%,transparent 100%);animation:glassSheen 8s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes glassSheen{0%{transform:translateY(0)}to{transform:translateY(50%)}}.sidebar__header{padding:24px 24px 16px;position:relative;z-index:1}.sidebar__header-glow{position:absolute;top:0;left:0;right:0;height:80px;background:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.03) 0%,transparent 70%);pointer-events:none}.sidebar__title{font-family:Inter,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#ffffff80;margin:0;position:relative}.sidebar__header-line{margin-top:14px;height:1px;background:linear-gradient(90deg,#ffffff26,#ffffff08)}.sidebar__list{flex:1;overflow-y:auto;padding:4px 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent;position:relative;z-index:1}.sidebar__list::-webkit-scrollbar{width:3px}.sidebar__list::-webkit-scrollbar-track{background:transparent}.sidebar__list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sidebar__group{margin-bottom:4px}.sidebar__group-header{display:flex;align-items:center;gap:8px;padding:12px 14px 6px;margin-top:2px}.sidebar__group-icon{font-size:11px;color:#ffffff59}.sidebar__group-label{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#ffffff4d;flex:1}.sidebar__group-count{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:400;color:#fff3;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:1px 6px;letter-spacing:.5px}.sidebar__item{width:100%;display:flex;align-items:center;gap:14px;padding:14px;margin-bottom:2px;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;color:inherit;font-family:inherit;position:relative;opacity:0;transform:translate(12px)}.sidebar--open .sidebar__item{animation:itemSlideIn .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes itemSlideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.sidebar__item:hover{background:#ffffff0a;border-color:#ffffff14}.sidebar__item--active{background:#ffffff0f!important;border-color:#ffffff26!important;box-shadow:0 2px 16px #0003,0 0 0 .5px #ffffff0a inset}.sidebar__item--active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:#ffffff80;border-radius:1px;box-shadow:0 0 6px #fff3}.sidebar__item--sun .sidebar__item-dot{box-shadow:0 0 12px #ffb43280!important}.sidebar__item--sun.sidebar__item--active{background:#ffb4320f!important;border-color:#ffb43226!important}.sidebar__item--sun.sidebar__item--active:before{background:#ffb43299;box-shadow:0 0 6px #ffb4324d}.sidebar__item--sun.sidebar__item--active .sidebar__item-status-dot{background:#ffc864b3;box-shadow:0 0 8px #ffc86466}.sidebar__item-thumb{width:36px;height:36px;border-radius:50%;background:#ffffff05;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__item-dot{width:14px;height:14px;border-radius:50%;transition:transform .3s ease}.sidebar__item:hover .sidebar__item-dot{transform:scale(1.2)}.sidebar__item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.sidebar__item-name{font-size:13px;font-weight:500;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}.sidebar__item-category{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:300;color:#ffffff4d;text-transform:uppercase;letter-spacing:1px}.sidebar__item-status{flex-shrink:0;display:flex;align-items:center}.sidebar__item-status-dot{width:6px;height:6px;border-radius:50%;background:#ffffff40;animation:pulse-dot 2.5s ease-in-out infinite}.sidebar__item--active .sidebar__item-status-dot{background:#fff9;box-shadow:0 0 8px #fff3}@keyframes pulse-dot{0%,to{opacity:.4}50%{opacity:1}}.sidebar__footer{padding:14px 24px 24px;position:relative;z-index:1}.sidebar__footer-line{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent);margin-bottom:14px}.sidebar__footer-text{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:300;color:#fff3;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px;display:block}.holo-card{position:relative;width:340px;opacity:0;transform:scale(.95);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.holo-card--visible{opacity:1;transform:scale(1)}.holo-card--exiting{animation:cardDissolve .4s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes cardDissolve{0%{opacity:1;transform:scale(1) translate(0);filter:blur(0px)}60%{opacity:.4;transform:scale(1.04) translate(40px);filter:blur(2px)}to{opacity:0;transform:scale(1.08) translate(80px);filter:blur(6px)}}.holo-card__connector{position:absolute;left:-60px;top:50%;width:60px;height:1px;background:linear-gradient(90deg,#ffffff14,#ffffff40)}.holo-card__connector-dot{position:absolute;left:-5px;top:-4px;width:9px;height:9px;border-radius:50%;background:#ffffff80;box-shadow:0 0 12px #ffffff40;animation:glassPulse 2.5s ease-in-out infinite}@keyframes glassPulse{0%,to{box-shadow:0 0 6px #ffffff26}50%{box-shadow:0 0 16px #ffffff59}}.holo-card__body{position:relative;padding:22px 24px 18px;background:linear-gradient(145deg,#ffffff0f,#ffffff05 40%,#ffffff0a);backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 8px 40px #0006,0 0 0 .5px #ffffff0f inset,0 1px #ffffff14 inset}.holo-card__body:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,100,100,.1) 0%,transparent 30%,transparent 70%,rgba(100,150,255,.1) 100%);pointer-events:none;z-index:0}.holo-card__body:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.5;mix-blend-mode:overlay;pointer-events:none;z-index:0}.holo-card__accent-bar{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 20%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.3) 80%,transparent 100%);z-index:2}.holo-card__accent-glow{position:absolute;top:0;left:0;right:0;height:50px;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.04) 0%,transparent 70%);pointer-events:none;z-index:1}.holo-card__label{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;letter-spacing:2.5px;color:#ffffff59;text-transform:uppercase;display:block;margin-bottom:4px;position:relative;z-index:2}.holo-card__title{font-size:18px;font-weight:600;color:#fffffff2;margin:0;letter-spacing:.5px;line-height:1.2;position:relative;z-index:2;text-shadow:0 2px 10px rgba(0,0,0,.95),0 0 4px rgba(0,0,0,.8)}.holo-card__description{margin:12px 0 0;font-size:11.5px;font-weight:300;line-height:1.6;color:#ffffff8c;letter-spacing:.2px;position:relative;z-index:2;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.7)}.holo-card__divider{margin:14px 0;height:1px;background:linear-gradient(90deg,#ffffff1f,#ffffff08);position:relative;z-index:2}.holo-card__metrics{display:flex;gap:18px;margin-bottom:14px;position:relative;z-index:2}.holo-card__metric{display:flex;align-items:center;gap:7px}.holo-card__metric-icon{font-size:12px;color:#ffffff80}.holo-card__metric-value{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400;color:#ffffffb3;letter-spacing:.5px}.holo-card__tech{margin-top:2px;position:relative;z-index:2}.holo-card__tech-label{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;letter-spacing:2px;color:#ffffff4d;text-transform:uppercase;display:block;margin-bottom:8px}.holo-card__tech-list{display:flex;flex-wrap:wrap;gap:6px}.holo-card__tech-tag{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:400;padding:4px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#fff9;letter-spacing:.5px;transition:all .2s ease}.holo-card__tech-tag:hover{background:#ffffff1a;border-color:#fff3;color:#ffffffe6}.holo-card__more-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;margin-top:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.holo-card__more-btn:hover{background:#ffffff1a;border-color:#ffffff40;color:#fffffff2;box-shadow:0 4px 20px #0003}.holo-card__more-btn-icon{font-size:13px;transition:transform .2s ease}.holo-card__more-btn:hover .holo-card__more-btn-icon{transform:translate(3px)}.holo-card__scanline{margin-top:14px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:cardScanline 4s linear infinite;position:relative;z-index:2}@keyframes cardScanline{0%{opacity:.3}50%{opacity:.8}to{opacity:.3}}.right-sidebar{position:fixed;right:0;top:90px;bottom:0;width:400px;z-index:1500;border-top-left-radius:24px;background:linear-gradient(225deg,#ffffff0d,#ffffff05,#ffffff0a);backdrop-filter:blur(32px) saturate(150%);-webkit-backdrop-filter:blur(32px) saturate(150%);border-left:1px solid rgba(255,255,255,.08);transform:translate(100%);transition:transform .45s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:-4px 0 40px #00000080,0 0 0 .5px #ffffff0a inset;overflow:hidden;display:flex;flex-direction:column}.right-sidebar--open{transform:translate(0)}.right-sidebar__chroma-edge{position:absolute;top:0;left:-1px;bottom:0;width:1px;background:linear-gradient(180deg,#ff787826,#ffffff0d,#78a0ff26);z-index:10;pointer-events:none}.right-sidebar:after{content:"";position:absolute;top:-100%;left:0;right:0;height:200%;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.015) 45%,rgba(255,255,255,.04) 50%,rgba(255,255,255,.015) 55%,transparent 100%);animation:rightGlassSheen 10s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes rightGlassSheen{0%{transform:translateY(0)}to{transform:translateY(50%)}}.right-sidebar__close{position:absolute;top:20px;right:20px;z-index:20;width:36px;height:36px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.right-sidebar__close:hover{border-color:#ffffff40;background:#ffffff1a;box-shadow:0 0 16px #ffffff0d}.right-sidebar__close-x{color:#ffffff80;font-size:14px;line-height:1}.right-sidebar__content{flex:1;overflow-y:auto;padding:28px 28px 32px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent;position:relative;z-index:1}.right-sidebar__content::-webkit-scrollbar{width:3px}.right-sidebar__content::-webkit-scrollbar-track{background:transparent}.right-sidebar__content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.right-sidebar__label{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;letter-spacing:2.5px;color:#ffffff4d;text-transform:uppercase;display:block;margin-bottom:8px}.right-sidebar__title{font-size:22px;font-weight:600;color:#fffffff2;margin:0 0 12px;letter-spacing:.3px;line-height:1.2;padding-right:40px;text-shadow:0 2px 10px rgba(0,0,0,.95),0 0 4px rgba(0,0,0,.8)}.right-sidebar__category-badge{display:inline-block;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:400;letter-spacing:1px;text-transform:uppercase;color:#ffffff80;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 12px}.right-sidebar__divider{margin:20px 0;height:1px;background:linear-gradient(90deg,#ffffff1a,#ffffff05)}.right-sidebar__section-title{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#ffffff59;margin:0 0 14px;text-shadow:0 2px 6px rgba(0,0,0,.9)}.right-sidebar__text{font-size:12.5px;font-weight:300;line-height:1.7;color:#fff9;margin:0;letter-spacing:.2px;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.7)}.right-sidebar__text--extended{margin-top:12px;color:#ffffff73}.right-sidebar__bio-section{margin-top:20px;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;position:relative;overflow:hidden}.right-sidebar__bio-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#ff78781a,#ffffff14 50%,#78a0ff1a)}.right-sidebar__bio-title{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:#fff9;margin:0 0 8px;text-shadow:0 2px 6px rgba(0,0,0,.9)}.right-sidebar__bio-text{font-size:12.5px;font-weight:300;line-height:1.7;color:#ffffff8c;margin:0;letter-spacing:.2px;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.7)}.details-list{list-style:none;padding:0;margin:10px 0 0}.details-list li{position:relative;padding-left:20px;margin-bottom:12px;line-height:1.6}.details-list li:before{content:"•";position:absolute;left:0;color:#ffffff40;font-size:16px;line-height:1;top:4px}.details-list li.right-sidebar__bio-text,.details-list li.right-sidebar__text{font-family:Inter,sans-serif;font-size:12.5px;font-weight:300;color:#ffffff8c}.right-sidebar__metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.right-sidebar__metric-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px}.right-sidebar__metric-icon{font-size:16px;color:#fff6}.right-sidebar__metric-info{display:flex;flex-direction:column;gap:2px;min-width:0}.right-sidebar__metric-label{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:400;letter-spacing:1px;text-transform:uppercase;color:#ffffff40}.right-sidebar__metric-value{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right-sidebar__tech-grid{display:flex;flex-wrap:wrap;gap:8px}.right-sidebar__tech-tag{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400;padding:6px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff9;letter-spacing:.5px;transition:all .2s ease}.right-sidebar__tech-tag:hover{background:#ffffff14;border-color:#fff3;color:#ffffffe6}.right-sidebar__collab-list{list-style:none;margin:0;padding:0}.right-sidebar__collab-item{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:12px;font-weight:400;color:#ffffff8c;letter-spacing:.2px}.right-sidebar__collab-dot{width:5px;height:5px;border-radius:50%;background:#ffffff59;flex-shrink:0}.right-sidebar__links{display:flex;flex-direction:column;gap:6px}.right-sidebar__link{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#fff9;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400;letter-spacing:.5px;text-decoration:none;transition:all .25s ease;cursor:pointer}.right-sidebar__link:hover{background:#ffffff14;border-color:#ffffff2e;color:#fffffff2;transform:translate(3px)}.right-sidebar__link-icon{font-size:13px;color:#fff6;transition:transform .2s ease}.right-sidebar__link:hover .right-sidebar__link-icon{transform:translate(3px);color:#fffc}@media(max-width:768px){.right-sidebar{width:100%;border-left:none;border-top-right-radius:24px}.right-sidebar__content{padding:24px 20px 28px}.right-sidebar__title{font-size:19px}.right-sidebar__bio-section{padding:14px}}.welcome-hint{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:hintFadeIn .8s ease-out}.welcome-hint--exiting{animation:hintFadeOut .5s ease-in forwards}@keyframes hintFadeIn{0%{opacity:0}to{opacity:1}}@keyframes hintFadeOut{0%{opacity:1}to{opacity:0}}.welcome-hint__card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 40px;background:#ffffff0a;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 8px 40px #0006,0 0 0 .5px #ffffff0a inset;animation:hintCardIn .8s cubic-bezier(.4,0,.2,1)}@keyframes hintCardIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.welcome-hint__icon{position:relative;color:#ffffffb3;animation:hintTap 2s ease-in-out infinite}@keyframes hintTap{0%,to{transform:translateY(0)}30%{transform:translateY(4px) scale(.95)}50%{transform:translateY(0) scale(1)}}.welcome-hint__ripple{position:absolute;top:50%;left:50%;width:40px;height:40px;border:1.5px solid rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%) scale(.5);animation:hintRipple 2s ease-out infinite}@keyframes hintRipple{0%,25%{transform:translate(-50%,-50%) scale(.5);opacity:0}35%{opacity:.6}80%{transform:translate(-50%,-50%) scale(2);opacity:0}to{opacity:0}}.welcome-hint__text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;color:#ffffffd9;letter-spacing:.3px;text-align:center;margin:0}.welcome-hint__subtext{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:400;color:#ffffff59;letter-spacing:1px;text-transform:uppercase}.mobile-card{position:fixed;bottom:0;left:0;right:0;z-index:1200;padding:0 12px 16px;transform:translateY(100%);opacity:0;transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .45s cubic-bezier(.4,0,.2,1);pointer-events:none}.mobile-card--visible{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-card--exiting{transform:translateY(20px);opacity:0;pointer-events:none}.mobile-card__body{position:relative;padding:18px 20px 16px;background:linear-gradient(145deg,#ffffff12,#ffffff08,#ffffff0d);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow-y:auto;max-height:calc(100vh - 90px);box-shadow:0 -4px 30px #0006,0 0 0 .5px #ffffff0f inset,0 1px #ffffff1a inset}.mobile-card__body:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#ff78781f,#fff3 50%,#78a0ff1f)}.mobile-card__accent{position:absolute;top:0;left:0;right:0;height:40px;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.04) 0%,transparent 70%);pointer-events:none}.mobile-card__label{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;letter-spacing:2px;color:#ffffff59;text-transform:uppercase;display:block;margin-bottom:3px}.mobile-card__title{font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:#fffffff2;margin:0;letter-spacing:.3px}.mobile-card__description{margin:10px 0 0;font-family:Inter,sans-serif;font-size:11.5px;font-weight:300;line-height:1.55;color:#ffffff80;letter-spacing:.15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mobile-card__divider{margin:12px 0;height:1px;background:linear-gradient(90deg,#ffffff1f,#ffffff08)}.mobile-card__metrics{display:flex;gap:16px;margin-bottom:10px}.mobile-card__metric{display:flex;align-items:center;gap:6px}.mobile-card__metric-icon{font-size:11px;color:#ffffff73}.mobile-card__metric-value{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:400;color:#ffffffa6;letter-spacing:.5px}.mobile-card__tech-list{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.mobile-card__tech-tag{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:400;padding:3px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:5px;color:#ffffff8c;letter-spacing:.5px}.mobile-card__more-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px 10px 56px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .2s ease;justify-content:center}.mobile-card__more-btn:active{background:#ffffff1a;border-color:#fff3;color:#fffffff2}.mobile-card__more-btn-icon{font-size:13px}.guide-fab{position:fixed;bottom:24px;right:24px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff9;cursor:pointer;border-radius:12px;z-index:2000;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:0 4px 20px #0000004d,0 0 0 .5px #ffffff0a inset;overflow:hidden}.guide-fab:after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);animation:guideShine 4s infinite}@keyframes guideShine{0%{left:-150%}15%{left:150%}to{left:150%}}.guide-fab svg{width:20px;height:20px;opacity:.9;transition:transform .3s ease}.guide-fab:hover{background:#ffffff14;border-color:#fff3;color:#fffffff2;box-shadow:0 6px 28px #00000059,0 0 0 .5px #ffffff0f inset;transform:translateY(-2px)}.guide-fab:active{transform:translateY(0) scale(.95)}.guide-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .4s ease-out}.guide-modal{background:linear-gradient(225deg,#ffffff0d,#ffffff05,#ffffff0a);backdrop-filter:blur(32px) saturate(150%);-webkit-backdrop-filter:blur(32px) saturate(150%);border:1px solid rgba(255,255,255,.08);border-radius:20px;width:100%;max-width:500px;padding:40px;position:relative;box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff0d;animation:modalSlideUp .5s cubic-bezier(.19,1,.22,1);color:#fff}.guide-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#ffffff80;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease}.guide-close:hover{background:#ffffff1a;color:#fff}.guide-header{text-align:center;margin-bottom:35px}.guide-header h2{font-family:Inter,sans-serif;font-size:22px;font-weight:600;color:#fffffff2;margin-bottom:8px;letter-spacing:.3px}.guide-header p{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;letter-spacing:2.5px;color:#ffffff4d;text-transform:uppercase}.guide-content{display:flex;flex-direction:column;gap:25px;margin-bottom:35px}.guide-step{display:flex;gap:20px;align-items:flex-start}.guide-step__icon{width:44px;height:44px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff9}.guide-step__text h3{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;color:#fff9}.guide-step__text p{font-family:Inter,sans-serif;font-size:12.5px;font-weight:300;line-height:1.6;color:#ffffff8c}.guide-step__text strong{color:#fff;font-weight:500}.guide-cta{width:100%;padding:14px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fffc;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.guide-cta:hover{background:#ffffff14;border-color:#fff3;color:#fffffff2;transform:translateY(-2px);box-shadow:0 4px 15px #0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.guide-fab{bottom:20px;right:20px;width:44px;height:44px}.guide-modal{padding:30px;border-radius:20px}.guide-header h2{font-size:1.5rem}.guide-step{gap:15px}.guide-step__icon{width:36px;height:36px;border-radius:10px}.guide-step__icon svg{width:20px;height:20px}}