@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-color:#faf7f2;--bg-secondary:#f3efe6;--bg-tertiary:#ebe5d5;--text-primary:#1c1917;--text-secondary:#78716c;--accent:#1c1917;--accent-dim:#1c19170d;--border:#e7e5e4;--radius:100px;--font-mono:"JetBrains Mono", monospace;--font-sans:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;overflow-x:hidden}*{cursor:none!important}.mono{font-family:var(--font-mono)}.background-wrapper{z-index:-1;background-color:var(--bg-color);width:100vw;height:100vh;position:fixed;top:0;left:0}.app-container{flex-direction:column;max-width:1280px;min-height:100vh;margin:0 auto;padding:24px;display:flex}.navbar{border-bottom:1px dashed var(--border);z-index:1000;background:var(--bg-color);justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:relative}.nav-content{align-items:center;gap:32px;display:flex}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px;display:none}.logo{font-size:1.25rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:8px;display:flex}.logo-icon{color:var(--accent);font-weight:700}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000000f;border-radius:100px;gap:16px;padding:8px;display:flex;box-shadow:0 4px 15px #00000005}.nav-item{font-family:var(--font-mono);color:var(--text-secondary);border-radius:100px;padding:8px 16px;font-size:.85rem;text-decoration:none;transition:all .2s}.nav-item:hover,.nav-item.active{color:var(--accent);background:#0000000a}.btn-primary{background:var(--accent-dim);color:var(--accent);border-radius:var(--radius);font-family:var(--font-mono);border:1px solid var(--accent);cursor:pointer;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.btn-primary:hover{background:var(--accent);color:#fff}.btn-secondary{color:var(--text-primary);border-radius:var(--radius);font-family:var(--font-mono);border:1px solid var(--border);cursor:pointer;background:0 0;padding:12px 24px;font-size:.9rem;font-weight:500;transition:all .2s}.btn-secondary:hover{border-color:var(--text-primary);background:#00000008}.hero-section{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;margin-top:60px;padding-bottom:100px;display:flex}.hero-title{letter-spacing:-.03em;max-width:900px;color:var(--text-primary);margin-bottom:24px;font-size:4.25rem;font-weight:800;line-height:1.1}.hero-title .highlight{color:var(--accent)}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:40px;font-size:1.15rem;line-height:1.6}.hero-actions{gap:16px;display:flex}.page-content{flex:1;padding-top:40px;padding-bottom:40px}.page-title{font-family:var(--font-mono);text-align:center;color:var(--text-primary);margin-bottom:32px;font-size:2.5rem;font-weight:700}.page-title:before{content:"~/ ";color:var(--accent)}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.ref-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000000f;border-radius:24px;flex-direction:column;padding:24px;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 4px 15px #00000005}.ref-card:hover{border-color:var(--accent);transform:translateY(-2px)}.ref-card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.ref-card-logo{align-items:center;gap:12px;font-size:1rem;font-weight:600;display:flex}.ref-card-icon{background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.ref-info-blocks{gap:12px;margin-bottom:24px;display:flex}.ref-info-box{background:var(--bg-secondary);border:1px solid #0000000a;border-radius:16px;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.ref-info-label{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;align-items:center;gap:6px;font-size:.7rem;display:flex}.ref-info-value{color:var(--accent);font-size:.85rem;font-weight:500}.ref-card-title{margin-bottom:12px;font-size:1.1rem;font-weight:600;line-height:1.4}.ref-card-desc{color:var(--text-secondary);flex:1;margin-bottom:32px;font-size:.85rem;line-height:1.6}.ref-card-actions{gap:12px;display:flex}.ref-card-actions button{font-family:var(--font-mono);flex:1;justify-content:center}.ref-card-actions .btn-light{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:12px;padding:10px;font-size:.8rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.ref-card-actions .btn-light:hover{border-color:var(--text-primary);background:#00000008}.ref-card-actions .btn-light:active{transform:scale(.97)}.ref-card-actions .btn-dark{background:var(--text-primary);border:1px solid var(--text-primary);color:#fff;cursor:pointer;border-radius:12px;padding:10px;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.ref-card-actions .btn-dark:hover{color:var(--text-primary);background:0 0}.ref-card-actions .btn-dark:active{transform:scale(.97)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeIn}.animate-slide-up{opacity:0;animation:.7s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}a,button{transition:all .2s cubic-bezier(.4,0,.2,1)}button:active,.btn-primary:active,.btn-secondary:active{transform:scale(.97)}@media (width<=768px){.hero-title{font-size:2.5rem}.hero-subtitle{padding:0 16px;font-size:1rem}.hero-actions{box-sizing:border-box;flex-direction:column;width:100%;padding:0 20px}.hero-actions button{width:100%}.navbar{padding:16px 20px}.mobile-menu-btn{display:block}.nav-content{background:var(--bg-color);border-bottom:1px dashed var(--border);opacity:0;pointer-events:none;z-index:999;flex-direction:column;gap:24px;padding:24px 20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-10px)}.nav-content.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links{width:100%;box-shadow:none;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:0}.nav-item{border-bottom:1px dashed var(--border);width:100%;padding:12px 0}.nav-telegram-btn{justify-content:center;width:100%}.cards-grid{grid-template-columns:1fr;padding:0 16px}.page-title{padding:0 16px;font-size:2rem}.page-content{padding:20px 0}.detail-grid{grid-template-columns:1fr!important;gap:24px!important}.detail-header{flex-direction:column;align-items:flex-start!important}.detail-actions{flex-direction:column}.detail-actions button{width:100%}.ref-card{padding:24px!important}}