@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--obsidian: #121212;--obsidian-light: #1E1E1E;--obsidian-lighter: #2A2A2A;--cobalt: #2E5BFF;--cobalt-light: #4D7CFF;--gold: #FFB800;--gold-glow: rgba(255, 184, 0, .4);--off-white: #F5F5F7;--pure-white: #FFFFFF;--glass-border: rgba(255, 255, 255, .08);--glass-border-light: rgba(255, 255, 255, .12);--glass-bg: rgba(30, 30, 30, .9);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--shadow-cobalt: 0 4px 6px rgba(46, 91, 255, .3);--shadow-cobalt-lg: 0 6px 12px rgba(46, 91, 255, .4);--shadow-gold: 0 0 30px rgba(255, 184, 0, .3);--shadow-inner: inset 0 1px 0 rgba(255, 255, 255, .1);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background:var(--obsidian);color:var(--off-white);line-height:1.6;min-height:100vh}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;color:var(--pure-white);text-shadow:0 2px 4px rgba(0,0,0,.3)}h1{font-size:48px;font-weight:800}h2{font-size:32px}h3{font-size:20px;font-weight:600;color:var(--off-white)}.btn{padding:12px 24px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:600;transition:all .2s ease;font-family:var(--font-main)}.btn-primary{background:radial-gradient(circle at top right,var(--cobalt-light) 0%,var(--cobalt) 100%);color:var(--pure-white);border-top:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-cobalt),var(--shadow-inner)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-cobalt-lg),var(--shadow-inner)}.btn-secondary{background:transparent;color:var(--off-white);border:1px solid rgba(245,245,247,.3)}.btn-secondary:hover{background:#ffffff0d;border-color:#f5f5f780}.input{width:100%;padding:12px 16px;background:#121212cc;border:1px solid rgba(245,245,247,.2);border-radius:var(--radius-sm);color:var(--off-white);font-size:16px;font-family:var(--font-main);transition:all .2s ease}.input:focus{outline:none;border-color:var(--cobalt);box-shadow:0 0 0 2px #2e5bff33}.input::placeholder{color:#f5f5f780}.card{background:linear-gradient(135deg,#1e1e1ee6,#121212f2);border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-light);border-left:1px solid var(--glass-border-light);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-card),var(--shadow-inner);margin-bottom:20px}.navbar{background:linear-gradient(180deg,#121212fa,#121212f2);border-bottom:1px solid var(--glass-border);padding:15px 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:20px;align-items:center}.nav-links a{text-decoration:none;color:var(--off-white);font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--cobalt-light)}.logo{font-size:24px;font-weight:800;color:var(--pure-white);letter-spacing:-.02em;text-decoration:none}.logo-accent{color:var(--gold);text-shadow:0 0 20px var(--gold-glow)}.post-card{background:linear-gradient(135deg,#1e1e1ee6,#121212f2);border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-light);border-left:1px solid var(--glass-border-light);border-radius:var(--radius-md);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-card),var(--shadow-inner);transition:all .2s ease;cursor:pointer}.post-card:hover{border-color:#ffb8004d;box-shadow:var(--shadow-card),0 0 30px #ffb8001a}.post-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--glass-border)}.post-title{font-size:20px;font-weight:600;margin-bottom:10px;color:var(--pure-white)}.post-description{color:#f5f5f7cc;margin-bottom:15px}.hashtags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.hashtag{background:#2e5bff26;color:var(--cobalt-light);padding:4px 12px;border-radius:var(--radius-sm);font-size:14px;text-decoration:none;border:1px solid rgba(46,91,255,.2)}.status-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500}.status-available{color:var(--gold);text-shadow:0 0 10px var(--gold-glow)}.status-busy{color:#f5f5f780}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--off-white)}.error{color:#ff6b6b;font-size:14px;margin-top:5px}.loading{text-align:center;padding:40px;color:var(--off-white)}.gold-text{color:var(--gold);text-shadow:0 0 10px var(--gold-glow)}.gold-border{border-color:var(--gold);box-shadow:0 0 20px var(--gold-glow)}.quest-card{position:relative;overflow:hidden}.quest-card:before{content:"⚔";position:absolute;top:15px;right:15px;font-size:24px;opacity:.3;color:var(--gold)}@keyframes strike{0%{width:0;opacity:1}to{width:100%;opacity:0}}.strike-line{height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:strike .4s ease-out}@media (max-width: 768px){h1{font-size:36px}h2{font-size:24px}.container{padding:10px}.nav-links{gap:10px;font-size:14px}.btn{padding:10px 16px;font-size:14px}}