*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,sans-serif;background:linear-gradient(135deg,#001418,#000 60%);min-height:100vh;color:#e5f8ff;transition:background .3s ease}a{color:#39e6ff;text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{width:100%;padding:14px;font-size:16px;background:#0009;border:1px solid rgba(0,255,255,.4);border-radius:12px;color:#bffaff;outline:none;transition:all .25s ease}input:focus,textarea:focus,select:focus{border-color:#00eaff;box-shadow:0 0 12px #00eaff66}input::placeholder,textarea::placeholder{color:#7cbfc7}button{width:100%;padding:14px;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;border:none;background:linear-gradient(135deg,#00eaff,#00b8d4);color:#000;box-shadow:0 0 12px #00eaff55;transition:all .25s ease}button:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 0 15px #00eaffaa}button:disabled{opacity:.4;cursor:not-allowed}.card{background:#141414a6;border:1px solid rgba(0,255,255,.25);border-radius:16px;padding:20px;margin-bottom:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 18px #00ffff1a;transition:all .3s ease}.card:hover{border-color:#00eaff;box-shadow:0 0 22px #00ffff40}.page{width:100%;max-width:650px;margin:0 auto;padding:20px}.flex{display:flex}.center{display:flex;justify-content:center;align-items:center}.col{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.gap-10{gap:10px}.gap-15{gap:15px}.gap-20{gap:20px}.w-100{width:100%}.btn{padding:14px 20px;border-radius:var(--btn-radius);border:none;font-weight:600;cursor:pointer;transition:.25s;font-size:1.05rem}.btn-primary{background:var(--cosmic-gradient);color:#fff;box-shadow:var(--glow-purple)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #ff58d699,0 0 35px #00e6ff73}.btn-secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-secondary:hover{border-color:var(--sx-purple);box-shadow:var(--glow-blue)}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff}.btn-ghost:hover{border-color:var(--sx-cyan);box-shadow:var(--glow-cyan)}.btn-danger{background:linear-gradient(90deg,#ff3b3b,#ff5c7a);box-shadow:0 0 20px #ff464666}.input{background:var(--input-bg);border:1px solid var(--input-border);padding:14px;border-radius:10px;width:100%;color:#fff;transition:.25s}.input:focus{border-color:var(--sx-purple);box-shadow:0 0 20px #a24bff66;outline:none}.select{background:var(--input-bg);border:1px solid var(--input-border);padding:14px;border-radius:10px;width:100%;color:#fff;transition:.25s}.card{background:var(--space-surface);border-radius:16px;padding:20px;box-shadow:var(--glow-blue)}.card-glass{background:#ffffff0a;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card-hover:hover{box-shadow:var(--glow-pink);transform:translateY(-2px)}.modal-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center}.modal{background:var(--space-surface);padding:30px;border-radius:18px;box-shadow:var(--glow-purple);width:90%;max-width:450px}.tooltip{position:relative;cursor:default}.tooltip:hover:after{content:attr(data-tip);position:absolute;background:var(--space-card);padding:6px 10px;border-radius:6px;top:-40px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.75rem;color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:var(--glow-blue)}.loader{border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--sx-purple);border-radius:50%;width:38px;height:38px;animation:spin .8s linear infinite;margin:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-dim{color:var(--text-dim)}.text-center{text-align:center}.gradient-text{background:var(--cosmic-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.auth-bg{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background:linear-gradient(135deg,#001418,#000 60%)}.auth-card{width:350px;padding:35px;background:#0000008c;border-radius:18px;border:1px solid rgba(0,255,255,.28);box-shadow:0 0 18px #00ffff1a;text-align:center}.auth-title{font-size:32px;font-weight:700;margin-bottom:25px;color:#fff}.auth-link{margin-top:14px;display:inline-block;color:#39e6ff}.feed-container{max-width:600px;margin:0 auto;padding-bottom:40px}.feed-item{background:#111623;padding:12px;border-radius:16px;margin-bottom:22px;color:#fff}.feed-user{display:flex;align-items:center;margin-bottom:10px}.feed-avatar{width:40px;height:40px;border-radius:50%;margin-right:12px}.feed-username{font-weight:700}.post-image,.post-video{width:100%;border-radius:12px;max-height:80vh;object-fit:cover}.feed-caption{margin-top:10px;white-space:pre-wrap;font-size:.95rem}.carousel-container{position:relative}.carousel-image{width:100%;border-radius:12px}.carousel-btn{position:absolute;top:45%;background:#00000073;color:#fff;border:none;font-size:32px;padding:6px 14px;border-radius:50%;cursor:pointer;z-index:10}.carousel-btn.left{left:10px}.carousel-btn.right{right:10px}.carousel-indicators{display:flex;justify-content:center;gap:6px;margin-top:8px}.dot{width:8px;height:8px;background:#555;border-radius:50%}.dot.active{background:#fff}.upload-page{max-width:550px;margin:0 auto;padding:20px}.upload-title{text-align:center;margin-bottom:20px;color:#fff;font-size:1.6rem}.upload-box{background:#111623;border:2px dashed #4c65ff;padding:25px;border-radius:12px;text-align:center;margin-bottom:20px}.upload-drop p{color:#4c65ff;font-size:1.1rem}.upload-preview video,.upload-preview img{width:100%;border-radius:12px}.upload-caption{width:100%;padding:12px;background:#1a2233;color:#fff;border:1px solid #4c65ff;border-radius:8px;margin-bottom:20px}.upload-duration{width:100%;padding:10px;background:#1a2233;color:#fff;border:1px solid #4c65ff;margin-bottom:20px;border-radius:8px}.upload-progress{background:#0b0f1a;border-radius:8px;height:10px;margin-bottom:20px}.upload-progress-bar{background:#4c65ff;height:100%;border-radius:8px}.upload-btn{width:100%;padding:12px;background:#4c65ff;color:#fff;border:none;border-radius:8px;font-size:1.2rem;cursor:pointer}.upload-btn:disabled{opacity:.5}.upload-error{color:#ff58d6;margin-bottom:20px;text-align:center}.splash-bg{position:fixed;inset:0;z-index:9999;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 30%,rgba(0,255,220,.18),transparent 60%),linear-gradient(135deg,#001418,#000 70%);opacity:1;transition:opacity .8s ease}.fade-out{opacity:0;pointer-events:none}.splash-logo{width:260px;opacity:0;transform:scale(.82);animation:splashLogo 1.2s ease forwards;filter:drop-shadow(0 0 12px rgba(0,255,250,.45))}@keyframes splashLogo{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}