:root{--bg-primary: #fbf7ef;--bg-secondary: #f3ecdd;--bg-card: #ffffff;--bg-card-hover: #fffdf7;--bg-glass: rgba(255, 255, 255, .72);--accent: #b5811c;--accent-2: #e8b84b;--accent-hover: #936811;--accent-light: rgba(181, 129, 28, .1);--accent-glow: rgba(212, 160, 46, .28);--gradient-accent: linear-gradient(135deg, #f0c64f 0%, #d6a32e 52%, #b5811c 100%);--gradient-accent-soft: linear-gradient(135deg, rgba(240,198,79,.18), rgba(214,163,46,.06));--text-primary: #211c12;--text-secondary: #5f5747;--text-muted: #978d79;--border: #ebe3d2;--border-light: #ddd2bd;--success: #15a34a;--error: #dc2626;--warning: #d97706;--info: #2563eb;--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow: 0 10px 34px rgba(120,96,40,.13);--shadow-sm: 0 2px 12px rgba(120,96,40,.1);--shadow-glow: 0 10px 34px rgba(214,163,46,.25);--font-heading: "Sora", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Fraunces", "Playfair Display", Georgia, serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 1px,transparent 1px,transparent 90px),repeating-linear-gradient(25deg,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 1px,transparent 1px,transparent 130px),radial-gradient(900px 500px at 2% -8%,rgba(240,198,79,.4),transparent 60%),radial-gradient(820px 480px at 100% -2%,rgba(72,149,239,.3),transparent 58%),radial-gradient(780px 540px at 96% 60%,rgba(168,85,247,.24),transparent 58%),radial-gradient(760px 520px at 90% 100%,rgba(196,158,234,.28),transparent 60%),radial-gradient(840px 560px at 4% 106%,rgba(16,185,129,.22),transparent 60%),radial-gradient(700px 460px at 0% 50%,rgba(246,148,116,.2),transparent 58%),var(--bg-primary);background-attachment:fixed;color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,.section-title{font-family:var(--font-heading)}h1,.section-title,.display-font{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(60px)}body:before{top:-12%;left:6%;width:460px;height:460px;background:radial-gradient(circle,rgba(240,198,79,.42) 0%,transparent 70%);animation:floatOrbA 18s ease-in-out infinite}body:after{bottom:-14%;right:4%;width:520px;height:520px;background:radial-gradient(circle,rgba(72,149,239,.26) 0%,rgba(168,85,247,.2) 55%,transparent 75%);animation:floatOrbB 22s ease-in-out infinite}#root:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.16) 48%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.16) 52%,transparent 60%);background-size:250% 250%;animation:crystalSheen 14s ease-in-out infinite;mix-blend-mode:overlay}@keyframes crystalSheen{0%,to{background-position:-40% -40%}50%{background-position:40% 40%}}@keyframes floatOrbA{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,50px) scale(1.12)}}@keyframes floatOrbB{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,-40px) scale(1.1)}}@keyframes ambientFloat{0%,to{transform:translate(-50%) translateY(0) scale(1);opacity:.8}50%{transform:translate(-45%) translateY(30px) scale(1.1);opacity:1}}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;outline:none}button:not(:disabled) svg,a svg,[role=button] svg{transition:transform .18s cubic-bezier(.34,1.56,.64,1)}button:not(:disabled):hover svg,a:hover svg,[role=button]:hover svg{transform:scale(1.15)}button:not(:disabled):active svg,a:active svg{transform:scale(.95)}.no-hover-fx svg{transform:none!important}.container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.btn-primary{position:relative;background:var(--gradient-accent);color:#1a1610;padding:12px 24px;border-radius:var(--radius);font-weight:700;font-size:15px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;border:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 16px #d4af4f38;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #d4af4f66}.btn-primary:hover:after{left:100%}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-card);color:var(--text-primary);padding:12px 24px;border-radius:var(--radius);font-weight:600;font-size:15px;border:1.5px solid var(--border-light);transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:10px 16px;border-radius:var(--radius);font-weight:500;font-size:14px;border:none;transition:color .2s,background .2s}.btn-ghost:hover{color:var(--text-primary);background:var(--accent-light)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 11px;border-radius:99px;font-size:12px;font-weight:600;border:1px solid transparent}.badge-orange{background:var(--accent-light);color:var(--accent);border-color:#d4af4f40}.badge-green{background:#22c55e1f;color:var(--success);border-color:#22c55e33}.badge-blue{background:#60a5fa1f;color:var(--info);border-color:#60a5fa33}.badge-yellow{background:#eab3081f;color:var(--warning);border-color:#eab30833}.badge-gray{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border)}.badge-gradient{background:var(--gradient-accent);color:#1a1610}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;position:relative;transition:border-color .25s,transform .25s,box-shadow .25s}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px #fff9,inset 0 0 0 1px #ffffff26,var(--shadow)}.card-hover{cursor:pointer}.card-hover:hover{border-color:#d4af4f66;transform:translateY(-4px);box-shadow:var(--shadow),0 0 0 1px #d4af4f1a}.card-glow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:var(--gradient-accent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;pointer-events:none}.input-field{width:100%;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:12px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light);background:var(--bg-card)}.input-field::placeholder{color:var(--text-muted)}.input-field:disabled{opacity:.5;cursor:not-allowed}.input-field option{background:#fff;color:#211c12}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:var(--text-secondary);display:inline-flex;align-items:center;gap:6px}.form-error{font-size:13px;color:var(--error)}.form-hint{font-size:13px;color:var(--text-muted)}.avatar{border-radius:50%;object-fit:cover;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-weight:700;color:#1a1610;flex-shrink:0;box-shadow:0 2px 8px #d4af4f4d}.gradient-text{background:linear-gradient(135deg,#d6a32e,#b5811c,#8a6212);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-title{font-size:30px;font-weight:800;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.02em}.section-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:36px}.divider{border:none;border-top:1px solid var(--border);margin:24px 0}.page-wrapper{min-height:100vh;padding-top:76px;position:relative;z-index:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.toast{position:fixed;bottom:24px;right:24px;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--radius);padding:14px 20px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;box-shadow:var(--shadow);z-index:9999;animation:slideIn .35s cubic-bezier(.34,1.56,.64,1)}.toast.success{border-color:var(--success)}.toast.error{border-color:var(--error)}@keyframes slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 8px transparent}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .6s ease both}.fade-in{animation:fadeIn .6s ease both}.scale-in{animation:scaleIn .4s ease both}.float-anim{animation:float 5s ease-in-out infinite}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}.spin-icon{animation:spin .8s linear infinite}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:1000px 100%;animation:shimmer 1.8s infinite linear;border-radius:8px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}.container{padding:0 16px}.section-title{font-size:24px}}@media (prefers-reduced-motion: reduce){*,body:before,body:after,#root:before{animation:none!important;transition:none!important}}.support-fab{position:fixed;bottom:24px;right:24px;z-index:500;display:inline-flex;align-items:center;gap:10px;padding:13px 20px 13px 16px;border-radius:99px;background:var(--gradient-accent);color:#1a1610;font-weight:700;font-size:15px;box-shadow:0 8px 28px #d4af4f66;transition:transform .2s,box-shadow .2s,opacity .2s}.support-fab:hover{transform:translateY(-2px) scale(1.03)}.support-fab.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.support-fab-label{white-space:nowrap}.support-panel{position:fixed;bottom:24px;right:24px;z-index:600;width:380px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100vh - 100px);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;animation:supportIn .28s cubic-bezier(.34,1.4,.64,1)}@keyframes supportIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.support-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(212,175,79,.08),transparent)}.support-avatar{width:38px;height:38px;border-radius:50%;background:var(--gradient-accent);color:#1a1610;display:flex;align-items:center;justify-content:center}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--success);display:inline-block;box-shadow:0 0 6px var(--success)}.support-close{background:none;color:var(--text-muted);padding:6px;border-radius:8px}.support-close:hover{color:var(--text-primary);background:var(--bg-card)}.support-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.support-msg{max-width:84%;padding:11px 15px;border-radius:16px;font-size:14px;line-height:1.55;white-space:pre-wrap}.support-msg.assistant{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:5px;color:var(--text-primary)}.support-msg.user{align-self:flex-end;background:var(--gradient-accent);color:#1a1610;font-weight:500;border-bottom-right-radius:5px}.support-suggestions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.support-chip{text-align:left;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:12px;padding:10px 14px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s}.support-chip:hover{border-color:var(--accent);color:var(--accent)}.support-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.support-input input{flex:1;background:var(--bg-card);border:1.5px solid var(--border);border-radius:12px;color:var(--text-primary);padding:11px 14px;font-size:14px;transition:border-color .2s}.support-input input:focus{border-color:var(--accent)}.support-input button{width:42px;border-radius:12px;background:var(--gradient-accent);color:#1a1610;display:flex;align-items:center;justify-content:center;flex-shrink:0}.support-input button:disabled{opacity:.5;cursor:not-allowed}.support-foot{font-size:11px;color:var(--text-muted);text-align:center;padding:0 12px 12px}.support-foot a{color:var(--accent)}.typing{display:inline-flex;gap:4px;align-items:center}.typing span{width:7px;height:7px;border-radius:50%;background:var(--text-muted);animation:typingBounce 1.2s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}@media (max-width: 480px){.support-panel{right:8px;bottom:8px;height:calc(100vh - 80px)}.support-fab-label{display:none}.support-fab{padding:14px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#1a1610e0;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.08);transition:background .3s,box-shadow .3s}.navbar.scrolled{background:#1a1610f7;box-shadow:0 4px 24px #00000040}.navbar-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:inline-flex;align-items:center;transition:transform .2s}.navbar-logo:hover{transform:scale(1.03)}.navbar-links{display:flex;align-items:center;gap:4px}.nav-link{padding:8px 14px;border-radius:var(--radius);font-size:14px;font-weight:500;color:#ffffffb8;transition:color .2s,background .2s,transform .2s}.nav-link:hover{color:#f0c64f;background:#ffffff14;transform:translateY(-1px)}.nav-link.active{color:#f0c64f;background:#ffffff1a}.navbar-auth{display:flex;align-items:center;gap:8px;margin-left:12px}.profile-menu{position:relative}.profile-btn{display:flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:5px 10px 5px 5px;color:#ffffffd9;transition:border-color .2s,transform .2s}.profile-btn:hover{border-color:#e8b84b;transform:translateY(-1px)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-width:220px;padding:8px;animation:fadeDown .15s ease}@keyframes fadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:12px;padding:8px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);font-size:14px;font-weight:500;color:var(--text-secondary);transition:background .15s,color .15s;width:100%;background:none;border:none;cursor:pointer;text-align:left}.dropdown-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.dropdown-item.danger:hover{background:#ef44441a;color:var(--error)}.bell-btn{position:relative;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:8px;color:#ffffffd9;display:flex;transition:border-color .2s,color .2s,transform .2s}.bell-btn:hover{border-color:#e8b84b;color:#f0c64f;transform:translateY(-1px) scale(1.05)}.bell-dot{position:absolute;top:-6px;right:-6px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--bg-primary)}.notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:320px;padding:12px;border-radius:var(--radius-lg);box-shadow:var(--shadow);animation:fadeDown .15s ease;z-index:200}.notif-item{text-align:left;background:transparent;border:none;border-radius:10px;padding:10px;cursor:pointer;transition:background .15s;width:100%}.notif-item:hover{background:#ffffff0a}.mobile-menu-btn{display:none;background:none;color:#ffffffd9;padding:6px;transition:transform .2s}.mobile-menu-btn:hover{transform:scale(1.1)}@media (max-width: 768px){.mobile-menu-btn{display:block}.navbar-links{display:none;position:absolute;top:68px;left:0;right:0;background:#1a1610;border-bottom:1px solid rgba(255,255,255,.08);flex-direction:column;align-items:stretch;padding:16px;gap:4px}.navbar-links.open{display:flex}.navbar-auth{flex-direction:column;margin-left:0;margin-top:8px}.navbar-auth .btn-primary,.navbar-auth .btn-ghost{width:100%;justify-content:center}}