:root{--bg: #000000;--card-bg: #111111;--card-gradient: linear-gradient(145deg, #1a1a1a, #0d0d0d);--accent: #ff006e;--accent-glow: rgba(255, 0, 110, .3);--secondary: #3a86ff;--secondary-glow: rgba(58, 134, 255, .3);--success: #00f5d4;--success-glow: rgba(0, 245, 212, .3);--text: #ffffff;--text-muted: #b0b0b0;--border: rgba(255, 255, 255, .1);--header-bg: rgba(0, 0, 0, .95)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:70px 0 0;line-height:1.6;min-height:100vh;background-image:radial-gradient(circle at 10% 20%,rgba(255,0,110,.05) 0%,transparent 20%),radial-gradient(circle at 90% 50%,rgba(58,134,255,.05) 0%,transparent 25%),radial-gradient(circle at 30% 80%,rgba(0,245,212,.05) 0%,transparent 30%)}.header{position:fixed;top:0;left:0;right:0;background:var(--header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:1000}.header-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.logo{font-size:28px;font-weight:900;background:linear-gradient(135deg,#fff,var(--accent),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;letter-spacing:-.5px;position:relative}.logo:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--secondary),transparent);border-radius:2px}.btn{background:transparent;border:1px solid var(--border);padding:10px 20px;border-radius:12px;color:var(--text);text-decoration:none;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 20px var(--accent-glow)}.primary{background:linear-gradient(135deg,var(--accent),var(--secondary));border:none;color:#fff;box-shadow:0 5px 15px var(--accent-glow)}.primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px var(--accent-glow)}.success{background:linear-gradient(135deg,var(--success),#00b4d8);border:none;color:#000;box-shadow:0 5px 15px var(--success-glow)}.container{max-width:1200px;margin:0 auto;padding:20px}.feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;margin-top:20px}@media (max-width: 768px){.feed{grid-template-columns:1fr;gap:20px}}.post-card{background:var(--card-gradient);border:1px solid var(--border);border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 30px -10px #00000080}.post-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:2px;background:linear-gradient(135deg,var(--accent),var(--secondary),var(--success));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.post-card:hover:before{opacity:1}.post-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 40px -15px var(--accent-glow)}.post-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.post-user{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;position:relative;border:2px solid transparent;background-clip:padding-box;box-shadow:0 0 20px var(--accent-glow)}.user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-avatar:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--accent),var(--secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}.user-details{display:flex;flex-direction:column}.user-name{font-weight:700;color:var(--text);font-size:15px;letter-spacing:-.2px;display:flex;align-items:center;gap:6px}.user-country{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.user-flag{width:20px;height:15px;object-fit:cover;border-radius:2px}.post-media{width:100%;background:#000;position:relative;overflow:hidden;aspect-ratio:1/1;max-height:500px}.post-media img,.post-media video{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.post-card:hover .post-media img,.post-card:hover .post-media video{transform:scale(1.05)}.video-container{position:relative;width:100%;height:100%;background:#000;cursor:pointer}.video-container video{width:100%;height:100%;object-fit:cover;cursor:pointer}.video-subtitle{position:absolute;bottom:20%;left:0;right:0;text-align:center;pointer-events:none;z-index:10;font-size:24px;font-weight:700;text-shadow:0 0 10px var(--accent),0 0 20px var(--accent),0 0 30px var(--accent);color:#fff;animation:neonPulse 1.5s ease-in-out infinite alternate}@keyframes neonPulse{0%{text-shadow:0 0 5px var(--accent),0 0 10px var(--accent),0 0 15px var(--accent)}to{text-shadow:0 0 15px var(--accent),0 0 25px var(--accent),0 0 35px var(--accent)}}.post-info{padding:16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8))}.post-stats{display:flex;gap:20px;margin-bottom:12px;font-size:14px;color:var(--text)}.post-stats span{display:flex;align-items:center;gap:5px}.view-icon:before{content:"👁️"}.comment-icon:before{content:"💬"}.rating-icon:before{content:"⭐"}.post-title{font-weight:700;margin-bottom:8px;font-size:16px;line-height:1.4;display:flex;justify-content:space-between;align-items:center}.post-title span{font-weight:400;color:var(--text-muted);font-size:12px}.post-description{font-size:14px;color:var(--text-muted);margin-bottom:12px;line-height:1.6}.tap-in-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--secondary));color:#fff;padding:10px 20px;border-radius:30px;font-weight:700;font-size:14px;text-decoration:none;margin:8px 0;width:100%;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 5px 15px var(--accent-glow)}.tap-in-btn:before{content:"👉";margin-right:5px;font-size:16px;transition:transform .3s ease}.tap-in-btn:hover:before{transform:translate(5px)}.tap-in-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px var(--accent-glow)}.post-actions{display:flex;gap:10px;padding:0 16px 16px}.action-btn{flex:1;background:#ffffff0d;border:1px solid var(--border);border-radius:30px;padding:10px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none}.action-btn:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 5px 15px var(--accent-glow)}.comment-card{padding:12px;margin-bottom:12px;background:#ffffff0d;border-radius:16px;border:1px solid var(--border);transition:all .3s ease}.comment-card:hover{background:#ffffff1a;transform:translate(5px)}.comment-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.comment-avatar{width:40px;height:40px;border-radius:50%;position:relative;background:linear-gradient(135deg,var(--accent),var(--secondary));display:flex;align-items:center;justify-content:center}.comment-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.comment-avatar:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--accent),var(--secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}.comment-info{flex:1}.comment-name{font-weight:600;font-size:14px;color:var(--accent);display:flex;align-items:center;gap:6px}.comment-flag{width:20px;height:15px;object-fit:cover;border-radius:2px}.comment-age{font-size:11px;color:var(--text-muted)}.comment-rating{display:flex;gap:2px;margin:5px 0}.comment-star{font-size:14px;color:#ffffff4d}.comment-star.filled{color:var(--accent)}.comment-text{font-size:13px;color:var(--text-muted);line-height:1.5;margin:8px 0}.comment-media-link{display:inline-block;margin-top:8px;color:var(--secondary);text-decoration:none;font-size:12px;word-break:break-all}.comment-time{font-size:11px;color:var(--text-muted);margin-top:6px;opacity:.7}.rating-section{padding:16px;border-top:1px solid var(--border);background:#0000004d}.rating-stars{display:flex;gap:8px;margin:12px 0;justify-content:center}.star{font-size:28px;cursor:pointer;color:#fff3;transition:all .3s ease}.star:hover,.star.selected{color:var(--accent);transform:scale(1.2);text-shadow:0 0 20px var(--accent-glow)}.create-post-form{background:var(--card-gradient);border:1px solid var(--border);border-radius:24px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 40px -20px #000c;position:relative}.create-post-form:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:2px;background:linear-gradient(135deg,var(--accent),var(--secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.3}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:var(--text);letter-spacing:.3px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px;background:#00000080;border:1px solid var(--border);border-radius:16px;color:var(--text);font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow);background:#000000b3}.topic-selector{display:flex;gap:12px;margin-top:8px}.topic-option{flex:1;padding:14px;border:1px solid var(--border);border-radius:16px;cursor:pointer;font-weight:600;text-align:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.topic-option:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 20px var(--accent-glow)}.topic-option.selected{background:linear-gradient(135deg,var(--accent),var(--secondary));border-color:transparent;color:#fff;box-shadow:0 10px 25px var(--accent-glow)}.media-upload{border:2px dashed var(--border);border-radius:20px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.media-upload:hover{border-color:var(--accent);background:#ff006e0d;transform:scale(1.02)}.media-upload input{display:none}.media-upload label{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;color:var(--text-muted);font-size:16px}.media-upload label:before{content:"📸";font-size:48px;filter:drop-shadow(0 0 20px var(--accent-glow))}.pin-input-container{display:flex;gap:10px;margin-top:8px;justify-content:center}.pin-digit{width:50px;height:60px;text-align:center;font-size:24px;font-weight:700;border:1px solid var(--border);border-radius:16px;background:#00000080;color:var(--text);transition:all .3s ease}.pin-digit:focus{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow);transform:scale(1.1)}.alert{padding:16px 20px;border-radius:16px;margin:15px 0;font-size:14px;border:1px solid transparent;animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#00f5d41a;border-color:var(--success);color:var(--success);box-shadow:0 0 20px var(--success-glow)}.alert-danger{background:#ff006e1a;border-color:var(--accent);color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.alert-info{background:#3a86ff1a;border-color:var(--secondary);color:var(--secondary);box-shadow:0 0 20px var(--secondary-glow)}.user-menu{position:relative;display:inline-block}.user-menu-content{display:none;position:absolute;right:0;top:100%;background:var(--card-gradient);min-width:200px;box-shadow:0 20px 40px #00000080;border-radius:16px;z-index:1001;margin-top:10px;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.user-menu-content.show{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-content a{display:block;padding:14px 20px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--border);transition:all .3s ease;font-size:14px}.user-menu-content a:hover{background:#ff006e1a;padding-left:30px}.user-menu-content a:last-child{border-bottom:none}.loading{text-align:center;padding:50px;grid-column:1/-1}.loading-spinner{width:50px;height:50px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:20px auto;box-shadow:0 0 20px var(--accent-glow)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){body{padding-top:60px}.header-inner{height:60px;padding:0 15px}.logo{font-size:24px}.container{padding:15px}.feed{gap:15px}.post-media{aspect-ratio:1/1}.pin-digit{width:40px;height:50px;font-size:20px}.btn{padding:8px 16px;font-size:13px}}@media (max-width: 480px){.post-actions{flex-wrap:wrap}.action-btn{flex:1 1 calc(50% - 5px)}.pin-digit{width:35px;height:45px;font-size:18px}.topic-selector{flex-direction:column}}