*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Poppins,sans-serif;background:radial-gradient(circle at 20% 20%,rgba(48,121,221,.2),transparent 45%),radial-gradient(circle at 80% 0%,rgba(88,255,186,.18),transparent 40%),#050814;color:#ecf2ff;min-height:100%}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.header{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;background:#060b19d1;border-bottom:1px solid rgba(120,181,255,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000}.logo{margin:0;font-size:1.9rem;font-weight:700;color:#48ff7c;letter-spacing:.04em}.nav{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:32px}.nav ul{margin:0;padding:0;list-style:none;display:flex;gap:32px;align-items:center}.nav li{margin:0}.nav-link{font-size:.95rem;font-weight:500;letter-spacing:.03em;padding:8px 4px;position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:linear-gradient(90deg,#48ff7ce6,#58d6ffe6);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.nav-link:hover{color:#86f780}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-link.active{color:#86f780}.profile-chip{margin-left:auto;display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid rgba(120,198,255,.35);background:#0a1226cc;box-shadow:0 12px 30px #060c1a73;color:#d8eaffeb;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:transform .2s ease,border-color .3s ease,box-shadow .3s ease}.profile-chip:hover{transform:translateY(-1px);border-color:#48ff7c80;box-shadow:0 18px 40px #48ff7c40}.auth-cta{margin-left:auto;display:inline-flex;align-items:center;gap:14px}.auth-cta .profile-chip{margin-left:0}.auth-link{font-weight:600;letter-spacing:.03em;text-transform:uppercase;font-size:.78rem}.profile-chip.is-logged-in{background:#081a2ce6}.profile-initial{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#48ff7ce6,#58d6ffe6);color:#04111f;font-weight:700;font-size:.9rem;letter-spacing:.05em}.profile-name{text-transform:uppercase;font-size:.75rem;letter-spacing:.14em}.content{flex:1;padding:140px 28px 120px}.section{max-width:1100px;margin:0 auto;padding:0 0 96px;position:relative}.section:last-of-type{padding-bottom:0}.section-header{margin-bottom:28px}.section-eyebrow{display:inline-block;text-transform:uppercase;font-size:.75rem;letter-spacing:.28em;color:#9fc7ffcc;margin-bottom:12px}.section h3{margin:0;font-size:2.1rem;letter-spacing:.01em}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:60px;padding:128px 70px;border-radius:36px;background:linear-gradient(135deg,#1e2b54bf,#131931eb);border:1px solid rgba(137,197,255,.2);box-shadow:0 40px 90px #030811a6;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(72,255,124,.18),transparent 50%),radial-gradient(circle at 10% 80%,rgba(79,209,255,.16),transparent 55%);pointer-events:none}.hero-copy{position:relative;z-index:1}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.26em;font-size:.75rem;color:#88c5ffcc;margin-bottom:12px}.hero h2{margin:0 0 20px;font-size:3rem;line-height:1.1}.lead{font-size:1.05rem;color:#e2eeffdb;margin-bottom:32px;max-width:540px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;border-radius:999px;font-weight:600;letter-spacing:.04em;transition:transform .2s ease,box-shadow .3s ease,background .3s ease;border:1px solid transparent}.button.primary{background:linear-gradient(135deg,#48ff7c,#58d6ff);color:#04111f;box-shadow:0 18px 40px #48ff7c59}.button.primary:hover{transform:translateY(-2px);box-shadow:0 22px 44px #48ff7c73}.button.ghost{border-color:#90cbff99;color:#b9d9ff;background:#09112199}.button.ghost:hover{transform:translateY(-2px);border-color:#48ff7ccc;color:#86f780}.hero-keywords{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:999px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#e9f4ffe0;background:#5db6ff2e;border:1px solid rgba(130,209,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chip.ghost{background:#0c152da6;border-color:#54d1ff42}.chip-group{display:flex;flex-wrap:wrap;gap:12px}.hero-media{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px}.hero-image{flex:1 1 320px;width:100%;height:100%;min-height:320px;object-fit:cover;border-radius:28px;border:1px solid rgba(130,198,255,.24);box-shadow:0 30px 70px #030c1a8c}.panel{background:#080f1fc7;border:1px solid rgba(130,198,255,.2);border-radius:28px;padding:28px;box-shadow:inset 0 0 0 1px #82c6ff14,0 20px 50px #040c1a73}.panel-label{display:inline-block;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:#90cdffb3;margin-bottom:12px}.panel p{margin:0;font-size:1.05rem;line-height:1.5}.panel ul{margin:0;padding-left:20px;color:#e3efffdb;line-height:1.6}.context p,.description p{font-size:1.05rem;line-height:1.7;color:#d6e5ffe6;max-width:880px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.card{background:#081024d1;border-radius:22px;border:1px solid rgba(120,198,255,.16);padding:28px;box-shadow:0 24px 60px #030c1a59;transition:transform .2s ease,border-color .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-6px);border-color:#48ff7c66;box-shadow:0 28px 70px #48ff7c2e}.card h4{margin:0 0 12px;font-size:1.2rem;letter-spacing:.02em}.card p{margin:0;font-size:.98rem;color:#cfdfffe0;line-height:1.6}.card-grid.compact .card{text-align:center;padding:24px 22px}.form-card{padding:28px 30px}.auth-section{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.auth-card{border-radius:22px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-error{margin:0;padding:12px 14px;border-radius:14px;background:#ff78962e;border:1px solid rgba(255,120,150,.35);color:#ff9fb3;font-size:.9rem}.form-success{margin:0;padding:12px 14px;border-radius:14px;background:#48ff7c24;border:1px solid rgba(72,255,124,.3);color:#a3ffbf;font-size:.9rem}.form-footer{margin:0;font-size:.95rem;color:#c9dcffc7;text-align:center}.form-footer .link{color:#58d6ff}.activity-form{display:flex;flex-direction:column;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.input-control{display:flex;flex-direction:column;gap:10px;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#9eccffbf}.input-control input,.input-control textarea{padding:14px 16px;border-radius:16px;border:1px solid rgba(118,187,255,.26);background:#0b1426d9;color:#e6f1fff2;font-size:.95rem;letter-spacing:.01em;transition:border-color .2s ease,box-shadow .2s ease;resize:none}.input-control input::placeholder,.input-control textarea::placeholder{color:#a5c8f873;text-transform:none;letter-spacing:.01em}.input-control input:focus,.input-control textarea:focus{border-color:#48ff7c8c;box-shadow:0 0 0 3px #48ff7c2e;outline:none}.form-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.form-feedback{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#86f780cc}.form-hint{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#aeceffbf}.image-preview{margin-top:12px;border-radius:16px;overflow:hidden;border:1px solid rgba(120,198,255,.25);box-shadow:inset 0 0 0 1px #48ff7c14}.image-preview img{width:100%;display:block;max-height:240px;object-fit:cover}.media-card{display:flex;flex-direction:column;gap:16px}.card-media{border-radius:20px;overflow:hidden;border:1px solid rgba(120,198,255,.2)}.card-media img{width:100%;display:block;max-height:220px;object-fit:cover}.card-meta-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#d8eaffbf;font-size:.85rem}.card-top{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.card-title-bar{display:flex;align-items:flex-start;gap:12px}.card-title-bar h4{flex:1;margin:0}.card-title-bar .button{margin-left:auto;padding:6px 12px}.comment-thread{margin-top:20px;display:flex;flex-direction:column;gap:12px}.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.comment-item{padding:12px 14px;border-radius:12px;background:#3f7ce62e;border:1px solid rgba(117,188,255,.22);color:#d9ebffe6}.comment-header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#9ed0ffad;margin-bottom:6px}.comment-header time{font-size:.7rem;color:#9ed0ff99}.comment-author{font-weight:600;color:#d9ebffdb}.comment-form{margin-top:18px;display:flex;flex-direction:column;gap:12px}.comment-form .input-control{margin:0}.comment-form .input-control span{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#aeceffbf}.comment-form textarea{min-height:72px;resize:vertical}.comment-form-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.activity-card{display:flex;flex-direction:column;gap:12px}.card-meta{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#9ed0ffad}.tag-row{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;background:#3f7ce63d;border:1px solid rgba(117,188,255,.26);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#d9ebffdb}.tag.muted{background:#43567852;border-color:#6b8cc452;color:#c0d4f3c7}.playlist-points{margin:0;padding-left:18px;color:#cfdfffdb;line-height:1.6}.playlist-points li:not(:last-child){margin-bottom:10px}.blog-questions{display:flex;flex-direction:column;gap:10px;margin-top:12px}.blog-questions .playlist-points{margin:0}.pill-card{display:flex;align-items:center;justify-content:center;min-height:110px;font-weight:600;letter-spacing:.04em}.profile-empty{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:640px}.profile-empty-actions{display:flex;gap:12px}.empty-state{margin:0;color:#bed4f6b3;font-size:.95rem}.profile-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px}.profile-main{display:flex;flex-direction:column;gap:24px}.profile-card{padding:32px}.profile-card-header{display:flex;align-items:center;gap:16px;margin-bottom:18px}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#48ff7ce6,#58d6ffe6);color:#04111f;font-weight:700;font-size:1.2rem;letter-spacing:.06em}.profile-meta{margin:4px 0 0;font-size:.95rem;color:#bdd2f4d1}.profile-bio{margin:0 0 24px;font-size:1rem;color:#cfdfffe6;line-height:1.7}.button.full{width:100%}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.stat-card{text-align:center}.stat-card h4{font-size:1.6rem;margin-bottom:6px}.stat-card p{color:#c7dcffcc;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.profile-side{display:flex;flex-direction:column;gap:24px}.profile-edit-form{display:flex;flex-direction:column;gap:20px}.profile-panel{padding:26px}.profile-list{margin:0;padding-left:18px;color:#d1e2ffe6;line-height:1.6}.profile-list li:not(:last-child){margin-bottom:12px}.profile-list span{display:block;color:#9dc2f1c7;font-size:.85rem;margin-top:4px}.callout{display:inline-flex;align-items:center;gap:16px;padding:18px 26px;border-radius:18px;background:#1c2a4a99;border:1px solid rgba(111,186,255,.28);color:#dfecffe6}.callout span{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#48ff7ccc,#58afffcc);color:#04111f;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.callout p{margin:0;font-size:.95rem}.footer{border-top:1px solid rgba(120,181,255,.18);background:#050916eb;padding:28px 48px;text-align:center;color:#c6d8ffd9;font-size:.95rem;letter-spacing:.03em}@media(max-width:1100px){.hero{grid-template-columns:1fr;padding:110px 46px;gap:42px}.hero-media{flex-direction:row;flex-wrap:wrap}.hero-media .panel{flex:1 1 260px}}@media(max-width:900px){.header{padding:18px 24px;flex-direction:column;gap:18px}.nav{position:static;transform:none}.nav ul{gap:20px;flex-wrap:wrap;justify-content:center}.content{padding:190px 20px 100px}.hero{padding:90px 32px}.hero-media{flex-direction:column}.hero h2{font-size:2.6rem}.section{padding-bottom:72px}.form-grid,.profile-grid{grid-template-columns:1fr}.profile-side{flex-direction:row;flex-wrap:wrap}.auth-cta{margin-left:0;flex-wrap:wrap;justify-content:center}.profile-side .profile-panel{flex:1 1 240px}.profile-chip{margin-left:0}}@media(max-width:600px){.header{align-items:flex-start}.nav ul{justify-content:flex-start}.hero{padding:70px 24px}.hero-image{min-height:240px}.hero-media .panel{width:100%}.hero-actions{justify-content:flex-start}.section h3{font-size:1.8rem}.card-grid{grid-template-columns:1fr}.profile-side{flex-direction:column}.profile-side .profile-panel{width:100%}.auth-cta{width:100%;flex-direction:column;align-items:stretch;gap:10px}.profile-chip{width:100%;justify-content:center}.profile-empty{align-items:stretch}.form-actions{flex-direction:column;align-items:stretch}.form-actions .button{width:100%}}.admin-table{margin-top:2rem;border:1px solid rgba(120,181,255,.24);border-radius:16px;overflow:hidden;background:#081228cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-table__row{display:grid;grid-template-columns:1.4fr 1.6fr 1fr 1.8fr 1fr .8fr;gap:1rem;align-items:center;padding:1.2rem 1.6rem;border-bottom:1px solid rgba(120,181,255,.18)}.admin-table__row:last-child{border-bottom:none}.admin-table__row--head{background:#2c4a8c6b;font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;color:#dfecffe0}.admin-table__row:not(.admin-table__row--head) span{color:#c6d8ffe6}.admin-table__password{display:flex;flex-direction:column;gap:.25rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85rem;word-break:break-word}.admin-table__password strong{color:#e9f4ffeb}.admin-table__password small{font-size:.72rem;color:#adc7f2bf;display:flex;align-items:center;gap:.5rem}.admin-table__actions{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.admin-table__actions .button{min-width:120px}.admin-status{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border-radius:999px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.admin-status.is-verified{background:#7affa22e;border:1px solid rgba(122,255,162,.4);color:#7affa2}.admin-status.is-pending{background:#ffc17824;border:1px solid rgba(255,193,120,.32);color:#ffd6a2e6}.admin-table__password-label{font-family:Sora,Inter,sans-serif;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#9cbbf2b3}.admin-table__password-hash{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.admin-table__row{grid-template-columns:1.4fr 1fr;grid-template-areas:"name status" "email status" "password password" "created created" "actions actions";gap:.5rem 1rem}.admin-table__row span:nth-child(1){grid-area:name}.admin-table__row span:nth-child(2){grid-area:email}.admin-table__row span:nth-child(3){grid-area:status;justify-self:end}.admin-table__row span:nth-child(4){grid-area:password}.admin-table__row span:nth-child(5){grid-area:created}.admin-table__row span:nth-child(6){grid-area:actions;justify-self:stretch}.admin-table__row--head{display:none}.admin-table__actions{width:100%;flex-direction:column;align-items:stretch;gap:.5rem}.admin-table__actions .button{width:100%}.admin-table__password-hash{max-width:100%;white-space:normal;word-break:break-word}}.chat-layout{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:2rem;align-items:stretch}.chat-sidebar{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.chat-search input{width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(120,181,255,.28);background:#0c1428e6;color:#e7f1ff;font-size:1rem}.chat-search input::placeholder{color:#b7d1ff99}.chat-status{margin:0;font-size:.95rem;color:#c6d8ffd9}.chat-status.error{color:#ff9999eb}.chat-contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.chat-contact{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border-radius:12px;border:1px solid transparent;background:#0b163099;color:inherit;cursor:pointer;text-align:left;transition:border-color .2s ease,background .2s ease,transform .2s ease}.chat-contact:hover,.chat-contact:focus-visible{border-color:#78b5ff66;background:#172a54b3;transform:translateY(-1px)}.chat-contact.is-active{border-color:#78b5ffa6;background:#1a3666e6;box-shadow:0 10px 18px #061c4673}.chat-contact-avatar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#78b5ff6b,#3456a885);color:#0a152c;font-weight:700;letter-spacing:.04em}.chat-contact-body{display:flex;flex-direction:column;gap:.2rem}.chat-contact-name{font-weight:600;color:#f1f6ff}.chat-contact-meta{font-size:.85rem;color:#c6d8ffbf}.chat-thread{display:flex;flex-direction:column;padding:0;overflow:hidden}.chat-thread-header{padding:1.5rem;border-bottom:1px solid rgba(120,181,255,.16)}.chat-thread-recipient{display:flex;align-items:center;gap:1rem}.chat-thread-recipient h4{margin:0;font-size:1.25rem;color:#f4f8ff}.chat-thread-recipient p{margin:.2rem 0 0;font-size:.95rem;color:#c6d8ffb3}.chat-thread-empty{padding:2rem;text-align:center;color:#c6d8ffcc}.chat-thread-empty h4{margin-bottom:.75rem;color:#f4f8ff}.chat-messages{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;background:linear-gradient(180deg,#091224eb,#0e1c3ae0)}.chat-message{display:flex;max-width:80%}.chat-message.is-own{justify-content:flex-end;margin-left:auto}.chat-message-bubble{position:relative;padding:1rem 1.2rem 1.4rem;border-radius:16px;background:#162a54eb;border:1px solid rgba(120,181,255,.3);color:#ebf3fff0;line-height:1.4}.chat-message.is-own .chat-message-bubble{background:linear-gradient(135deg,#78b5ff59,#7ac6ff80);border-color:#9cd6ff99;color:#0a1a34}.chat-message-time{position:absolute;right:1rem;bottom:.45rem;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#c6d8ff99}.chat-composer{display:flex;flex-direction:column;gap:1rem;padding:1.2rem 1.5rem 1.5rem;border-top:1px solid rgba(120,181,255,.16);background:#081226eb}.chat-composer-row{display:flex;gap:1rem}.chat-composer textarea{flex:1;resize:none;min-height:56px;max-height:140px;padding:.85rem 1rem;border-radius:12px;border:1px solid rgba(120,181,255,.28);background:#0c1832e6;color:#e7f1ff;font-size:1rem;line-height:1.4}.chat-composer textarea::placeholder{color:#b7d1ff99}.chat-composer-row .button{align-self:flex-end;padding:.85rem 1.4rem;min-width:110px}.chat-locked{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;padding:2rem;text-align:left}.chat-locked-actions{display:flex;gap:1rem;flex-wrap:wrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:960px){.chat-layout{grid-template-columns:1fr}.chat-sidebar{flex-direction:row;flex-wrap:wrap;align-items:stretch}.chat-search{flex:1 1 100%}.chat-contact-list{flex-direction:row;flex-wrap:wrap;gap:.75rem}.chat-contact{flex:1 1 220px}}@media(max-width:640px){.chat-messages{padding:1rem}.chat-composer-row{flex-direction:column;align-items:stretch}.chat-composer-row .button{width:100%}}:root{font-family:Poppins,sans-serif;line-height:1.6;font-weight:400;color:#ecf2ff;background-color:#050814;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}a{font-weight:500}button{font-family:inherit}
