body{padding-top:80px;}header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(212,175,55,0.1);max-width:100%;margin:0 auto;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);background:transparent;}header.scrolled{padding:12px 40px;background:rgba(15,15,26,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(212,175,55,0.25);box-shadow:0 4px 30px rgba(0,0,0,0.4);}header.scrolled .logo{font-size:22px;}.logo{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;letter-spacing:2px;flex-shrink:0;}a.logo.gold-text{background:linear-gradient(135deg,#d4af37 0%,#f4e4bc 50%,#d4af37 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;}.nav-links{display:flex;gap:24px;align-items:center;flex:1;justify-content:center;margin:0 30px;}.nav-links a{color:rgba(245,245,245,0.7);text-decoration:none;font-size:13px;font-weight:400;letter-spacing:0.5px;transition:color 0.3s;text-transform:uppercase;white-space:nowrap;}.nav-links a:hover{color:#d4af37;}.nav-links a.nav-franchise{background:linear-gradient(135deg,rgba(212,175,55,0.2),rgba(212,175,55,0.1));border:1px solid rgba(212,175,55,0.5);padding:8px 16px;border-radius:20px;color:#d4af37;}.nav-links a.nav-franchise:hover{background:linear-gradient(135deg,rgba(212,175,55,0.3),rgba(212,175,55,0.2));}.nav-links a.nav-support{background:linear-gradient(135deg,rgba(192,132,252,0.2),rgba(192,132,252,0.1));border:1px solid rgba(192,132,252,0.5);padding:8px 16px;border-radius:20px;color:#c084fc;}.nav-links a.nav-support:hover{background:linear-gradient(135deg,rgba(192,132,252,0.3),rgba(192,132,252,0.2));}.btn-outline{display:inline-block;padding:14px 46px;background:transparent;border:2px solid rgba(212,175,55,0.5);border-radius:50px;color:#d4af37;font-weight:500;text-decoration:none;font-size:16px;letter-spacing:1px;transition:all 0.4s ease;text-transform:uppercase;}.btn-outline:hover{border-color:#d4af37;background:rgba(212,175,55,0.1);transform:translateY(-3px);}.mobile-menu-btn{display:none;}.mobile-nav{display:none;}.main-container{position:relative;z-index:10;max-width:900px;margin:0 auto;padding:20px;min-height:100vh;}.page-header{text-align:center;margin-bottom:40px;}.page-title{font-family:'Cormorant Garamond',serif;font-size:2.5rem;font-weight:600;margin-bottom:15px;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.page-subtitle{color:rgba(255,255,255,0.7);font-size:1.1rem;line-height:1.6;max-width:600px;margin:0 auto;}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px;}@media (max-width:768px){.content-grid{grid-template-columns:1fr;}}.support-card{background:rgba(30,30,50,0.8);border-radius:20px;padding:30px;border:1px solid rgba(168,85,247,0.2);backdrop-filter:blur(10px);}.card-title{font-family:'Cormorant Garamond',serif;font-size:1.5rem;margin-bottom:20px;color:#a855f7;display:flex;align-items:center;gap:10px;}.form-group{margin-bottom:20px;}.form-label{display:block;margin-bottom:8px;color:rgba(255,255,255,0.8);font-size:0.9rem;}.form-input{width:100%;padding:14px 18px;border:1px solid rgba(168,85,247,0.3);border-radius:12px;background:rgba(20,20,40,0.6);color:#fff;font-size:1rem;transition:all 0.3s ease;}.form-input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,0.2);}.form-input::placeholder{color:rgba(255,255,255,0.4);}.amount-section{margin-bottom:25px;}.amount-presets{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;}.amount-preset{padding:10px 18px;border:1px solid rgba(168,85,247,0.3);border-radius:25px;background:rgba(20,20,40,0.6);color:#fff;cursor:pointer;transition:all 0.3s ease;font-size:0.9rem;}.amount-preset:hover,.amount-preset.active{background:linear-gradient(135deg,#9333ea,#c026d3);border-color:transparent;transform:scale(1.05);}.amount-input-wrapper{position:relative;}.amount-input-wrapper .form-input{padding-right:40px;}.currency-symbol{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,0.5);font-size:1.1rem;}.checkbox-group{display:flex;align-items:center;gap:12px;margin-bottom:20px;cursor:pointer;}.checkbox-group input{display:none;}.checkbox-custom{width:22px;height:22px;border:2px solid rgba(168,85,247,0.4);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;}.checkbox-group input:checked+.checkbox-custom{background:linear-gradient(135deg,#9333ea,#c026d3);border-color:transparent;}.checkbox-custom::after{content:'✓';color:white;font-size:14px;opacity:0;transition:opacity 0.2s ease;}.checkbox-group input:checked+.checkbox-custom::after{opacity:1;}.checkbox-label{color:rgba(255,255,255,0.8);font-size:0.9rem;}.form-textarea{width:100%;padding:14px 18px;border:1px solid rgba(168,85,247,0.3);border-radius:12px;background:rgba(20,20,40,0.6);color:#fff;font-size:0.95rem;resize:vertical;min-height:80px;font-family:inherit;transition:all 0.3s ease;}.form-textarea:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,0.2);}.submit-btn{width:100%;padding:16px;border:none;border-radius:30px;background:linear-gradient(135deg,#9333ea,#c026d3);color:white;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:10px;}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(147,51,234,0.4);}.submit-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}.ranking-card{background:rgba(30,30,50,0.8);border-radius:20px;padding:30px;border:1px solid rgba(168,85,247,0.2);backdrop-filter:blur(10px);}.stats-row{display:flex;justify-content:space-around;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(168,85,247,0.2);}.stat-item{text-align:center;}.stat-value{font-size:1.8rem;font-weight:600;color:#a855f7;}.stat-label{font-size:0.8rem;color:rgba(255,255,255,0.6);margin-top:5px;}.top-list{list-style:none;}.top-item{display:flex;align-items:center;gap:15px;padding:12px 15px;margin-bottom:10px;background:rgba(20,20,40,0.5);border-radius:12px;transition:all 0.3s ease;}.top-item:hover{background:rgba(168,85,247,0.1);transform:translateX(5px);}.top-position{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:0.9rem;}.top-position.gold{background:linear-gradient(135deg,#ffd700,#ffb700);color:#1a1a2e;}.top-position.silver{background:linear-gradient(135deg,#c0c0c0,#a8a8a8);color:#1a1a2e;}.top-position.bronze{background:linear-gradient(135deg,#cd7f32,#b87333);color:#1a1a2e;}.top-position.normal{background:rgba(168,85,247,0.3);color:#fff;}.top-info{flex:1;}.top-name{font-weight:500;color:#fff;}.type-icons{font-size:0.75rem;margin-left:5px;opacity:0.8;}.top-rank{font-size:0.85rem;color:rgba(255,255,255,0.6);}.top-emoji{font-size:1.5rem;}.empty-list{text-align:center;padding:30px;color:rgba(255,255,255,0.5);}.ranks-section{margin-top:30px;}.ranks-title{font-family:'Cormorant Garamond',serif;font-size:1.3rem;margin-bottom:15px;color:#a855f7;}.ranks-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}@media (max-width:500px){.ranks-list{grid-template-columns:1fr;}}.rank-item{display:flex;align-items:center;gap:10px;padding:10px 15px;background:rgba(20,20,40,0.5);border-radius:10px;font-size:0.9rem;}.rank-emoji{font-size:1.3rem;}.rank-info{flex:1;}.rank-title{color:#fff;font-weight:500;}.rank-min{color:rgba(255,255,255,0.5);font-size:0.8rem;}.quote-section{text-align:center;margin-top:40px;padding:30px;background:rgba(168,85,247,0.1);border-radius:20px;border:1px solid rgba(168,85,247,0.2);}.quote-text{font-style:italic;font-size:1.1rem;color:rgba(255,255,255,0.8);line-height:1.8;}.quote-emoji{font-size:2rem;margin-bottom:15px;}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}@media (max-width:768px){header{padding:16px 20px;}header.scrolled{padding:10px 20px;}.nav-links{display:none;}.mobile-menu-btn{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001;}.mobile-menu-btn span{width:28px;height:3px;background:#d4af37;border-radius:2px;transition:all 0.3s ease;}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}.mobile-menu-btn.active span:nth-child(2){opacity:0;}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px);}.mobile-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,15,26,0.98);z-index:1000;flex-direction:column;justify-content:center;align-items:center;gap:24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}.mobile-nav.active{display:flex;}.mobile-nav a{color:#f5f5f5;text-decoration:none;font-size:20px;font-weight:500;padding:16px 40px;transition:color 0.3s;}.mobile-nav a:hover{color:#d4af37;}.mobile-nav .mobile-auth-btns{display:flex;flex-direction:column;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(212,175,55,0.2);width:80%;align-items:center;}.btn-mobile-login{color:#d4af37 !important;font-weight:600 !important;}.btn-mobile-register{background:linear-gradient(135deg,#d4af37 0%,#f4e4bc 50%,#d4af37 100%) !important;color:#1a1a2e !important;padding:14px 40px !important;border-radius:30px !important;font-weight:600 !important;}.main-container{padding:10px 16px;}.page-title{font-size:2rem;}.support-card,.ranking-card{padding:20px;}.stats-row{flex-direction:column;gap:15px;}}