*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gold: #FFD700;--gold-dark: #DAA520;--gold-light: #FFF8DC;--black: #000000;--black-light: #1a1a1a;--black-lighter: #2d2d2d;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--white: #ffffff;--red-50: #fef2f2;--red-200: #fecaca;--red-500: #ef4444;--red-600: #dc2626;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-500: #22c55e;--green-600: #16a34a;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-all: all .3s ease;--transition-colors: color .3s ease, background-color .3s ease;--transition-transform: transform .3s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--gray-900);line-height:1.5}.gradient-bg{background:var(--black)}.gradient-primary{background:var(--primary-gold)}.gradient-text{color:var(--primary-gold)}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}.btn{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:500;cursor:pointer;transition:var(--transition-all);border:none;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-primary{background:var(--primary-gold);color:var(--black);font-weight:600}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border:2px solid var(--primary-gold);color:var(--primary-gold);background:transparent}.btn-secondary:hover{background:var(--primary-gold);color:var(--black)}.card{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-8)}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:1rem;transition:var(--transition-all)}.input:focus{outline:none;border-color:var(--primary-gold);box-shadow:0 0 0 3px #ffd7001a}.input-icon{position:relative}.input-icon input{padding-left:2.5rem}.input-icon svg{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--gray-400);width:1.25rem;height:1.25rem}.alert{padding:var(--spacing-4);border-radius:var(--radius-lg);font-size:.875rem;margin-bottom:var(--spacing-4)}.alert-error{background:var(--red-50);border:1px solid var(--red-200);color:var(--red-600)}.alert-success{background:var(--green-50);border:1px solid var(--green-200);color:var(--green-600)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out}@media(max-width:768px){.container{padding:0 var(--spacing-4)}}.navbar{background:var(--black);border-bottom:2px solid var(--primary-gold);position:sticky;top:0;z-index:50}.navbar-container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}.navbar-content{display:flex;justify-content:space-between;align-items:center;height:4rem}.navbar-logo{display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none;transition:var(--transition-transform)}.navbar-logo:hover .navbar-logo-icon{transform:scale(1.1)}.navbar-logo-icon{background:var(--primary-gold);padding:var(--spacing-2);border-radius:var(--radius-lg);transition:var(--transition-transform);display:flex;align-items:center;justify-content:center}.navbar-logo-icon svg{width:1.5rem;height:1.5rem;color:var(--black)}.navbar-logo-text{font-size:1.25rem;font-weight:700;color:var(--primary-gold)}.navbar-links{display:flex;align-items:center;gap:var(--spacing-4)}.navbar-link{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);color:var(--white);text-decoration:none;border-radius:var(--radius-lg);transition:var(--transition-colors)}.navbar-link:hover{color:var(--primary-gold);background:var(--black-lighter)}.navbar-link svg{width:1rem;height:1rem}.navbar-user-section{display:flex;align-items:center;gap:var(--spacing-3);padding-left:var(--spacing-4);border-left:1px solid var(--primary-gold)}.navbar-user-info{display:flex;align-items:center;gap:var(--spacing-2)}.navbar-user-avatar{background:var(--primary-gold);padding:var(--spacing-2);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.navbar-user-avatar svg{width:1rem;height:1rem;color:var(--black)}.navbar-username{font-size:.875rem;font-weight:500;color:var(--white)}.navbar-logout{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);color:var(--red-600);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-colors)}.navbar-logout:hover{background:var(--red-50)}.navbar-logout svg{width:1rem;height:1rem}.navbar-signup{padding:var(--spacing-2) var(--spacing-6);background:var(--primary-gold);color:var(--black);font-weight:600;text-decoration:none;border-radius:var(--radius-lg);transition:var(--transition-all)}.navbar-signup:hover{box-shadow:var(--shadow-lg)}@media(max-width:768px){.navbar-links{gap:var(--spacing-2)}.navbar-link span,.navbar-logout span,.navbar-username{display:none}}.footer{background:var(--black);color:var(--gray-300);border-top:2px solid var(--primary-gold)}.footer-container{max-width:1280px;margin:0 auto;padding:var(--spacing-12) var(--spacing-4)}.footer-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-8)}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-brand{grid-column:span 1}@media(min-width:768px){.footer-brand{grid-column:span 2}}.footer-logo{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.footer-logo-icon{background:var(--primary-gold);padding:var(--spacing-2);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.footer-logo-icon svg{width:1.5rem;height:1.5rem;color:var(--black)}.footer-logo-text{font-size:1.25rem;font-weight:700;color:var(--primary-gold)}.footer-description{color:var(--gray-400);margin-bottom:var(--spacing-4);max-width:28rem}.footer-credits{display:flex;align-items:center;gap:var(--spacing-2);font-size:.875rem;color:var(--gray-400)}.footer-credits svg{width:1rem;height:1rem;color:var(--red-500);fill:currentColor}.footer-section-title{color:var(--primary-gold);font-weight:600;margin-bottom:var(--spacing-4)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-2)}.footer-links a{color:var(--gray-300);text-decoration:none;transition:var(--transition-colors)}.footer-links a:hover{color:var(--primary-gold)}.footer-connect{display:flex;flex-direction:column;gap:var(--spacing-3)}.footer-connect-link{display:flex;align-items:center;gap:var(--spacing-2);color:var(--gray-300);text-decoration:none;transition:var(--transition-colors)}.footer-connect-link:hover{color:var(--primary-gold)}.footer-connect-icon{background:var(--black-lighter);padding:var(--spacing-2);border-radius:var(--radius-lg);transition:var(--transition-colors);display:flex;align-items:center;justify-content:center;border:1px solid var(--primary-gold)}.footer-connect-link:hover .footer-connect-icon{background:var(--primary-gold)}.footer-connect-link:hover .footer-connect-icon svg{color:var(--black)}.footer-connect-icon svg{width:1.25rem;height:1.25rem}.footer-bottom{border-top:1px solid var(--primary-gold);margin-top:var(--spacing-8);padding-top:var(--spacing-8);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-copyright{font-size:.875rem;color:var(--gray-400)}.footer-bottom-links{display:flex;gap:var(--spacing-6)}.footer-bottom-links a{font-size:.875rem;color:var(--gray-400);text-decoration:none;transition:var(--transition-colors)}.footer-bottom-links a:hover{color:var(--primary-gold)}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:#000}.app-main{flex:1;background-color:#000}.app-main>*{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home{min-height:100vh;background:var(--black)}.home-hero{padding:var(--spacing-20) var(--spacing-4);text-align:center}.home-hero-container{max-width:1280px;margin:0 auto}.home-hero-icon{display:inline-block;background:var(--primary-gold);padding:var(--spacing-4);border-radius:var(--radius-3xl);margin-bottom:var(--spacing-8);animation:fadeIn .5s ease-out}.home-hero-icon svg{width:4rem;height:4rem;color:var(--black)}.home-hero-title{font-size:3rem;font-weight:700;color:var(--white);margin-bottom:var(--spacing-6);animation:fadeIn .5s ease-out}@media(min-width:768px){.home-hero-title{font-size:3.75rem}}.home-hero-title-gradient{color:var(--primary-gold)}.home-hero-description{font-size:1.25rem;color:var(--gray-300);margin-bottom:var(--spacing-8);max-width:42rem;margin-left:auto;margin-right:auto;animation:fadeIn .5s ease-out}.home-hero-buttons{display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;animation:fadeIn .5s ease-out}@media(min-width:640px){.home-hero-buttons{flex-direction:row}}.home-hero-btn-primary{padding:var(--spacing-4) var(--spacing-8);background:var(--primary-gold);color:var(--black);border-radius:var(--radius-lg);font-weight:600;font-size:1.125rem;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:var(--transition-all)}.home-hero-btn-primary:hover{box-shadow:var(--shadow-xl)}.home-hero-btn-primary svg{margin-left:var(--spacing-2);width:1.25rem;height:1.25rem}.home-hero-btn-secondary{padding:var(--spacing-4) var(--spacing-8);border:2px solid var(--primary-gold);color:var(--primary-gold);border-radius:var(--radius-lg);font-weight:500;font-size:1.125rem;text-decoration:none;transition:var(--transition-all);background:transparent}.home-hero-btn-secondary:hover{background:var(--primary-gold);color:var(--black)}.home-features{padding:var(--spacing-20) var(--spacing-4);background:var(--black-light)}.home-features-container{max-width:1280px;margin:0 auto}.home-features-header{text-align:center;margin-bottom:var(--spacing-16)}.home-features-title{font-size:1.875rem;font-weight:700;color:var(--primary-gold);margin-bottom:var(--spacing-4)}@media(min-width:768px){.home-features-title{font-size:2.25rem}}.home-features-subtitle{font-size:1.125rem;color:var(--gray-300)}.home-features-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-8)}@media(min-width:768px){.home-features-grid{grid-template-columns:repeat(3,1fr)}}.home-feature-card{background:var(--black-lighter);border:2px solid var(--primary-gold);border-radius:var(--radius-2xl);padding:var(--spacing-8);transition:var(--transition-all)}.home-feature-card:hover{box-shadow:var(--shadow-xl)}.home-feature-icon{background:var(--primary-gold);padding:var(--spacing-3);border-radius:var(--radius-xl);display:inline-block;margin-bottom:var(--spacing-4)}.home-feature-icon svg{width:2rem;height:2rem;color:var(--black)}.home-feature-title{font-size:1.25rem;font-weight:700;color:var(--white);margin-bottom:var(--spacing-3)}.home-feature-description{color:var(--gray-300)}.home-benefits{padding:var(--spacing-20) var(--spacing-4)}.home-benefits-container{max-width:1280px;margin:0 auto}.home-benefits-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-12);align-items:center}@media(min-width:1024px){.home-benefits-grid{grid-template-columns:repeat(2,1fr)}}.home-benefits-content-title{font-size:1.875rem;font-weight:700;color:var(--primary-gold);margin-bottom:var(--spacing-6)}@media(min-width:768px){.home-benefits-content-title{font-size:2.25rem}}.home-benefits-content-description{font-size:1.125rem;color:var(--gray-300);margin-bottom:var(--spacing-8)}.home-benefits-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-4)}.home-benefits-list-item{display:flex;align-items:flex-start}.home-benefits-list-item svg{width:1.5rem;height:1.5rem;color:var(--primary-gold);margin-right:var(--spacing-3);flex-shrink:0;margin-top:.125rem}.home-benefits-list-item span{color:var(--white);font-size:1.125rem}.home-benefits-card{background:var(--black-lighter);border:2px solid var(--primary-gold);border-radius:var(--radius-2xl);padding:var(--spacing-8);color:var(--white)}.home-benefits-card-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-4);color:var(--primary-gold)}.home-benefits-card-description{color:var(--gray-300);margin-bottom:var(--spacing-6)}.home-benefits-card-plan{background:var(--black);border:1px solid var(--primary-gold);border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.home-benefits-card-plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.home-benefits-card-plan-name{color:var(--gray-300)}.home-benefits-card-plan-price{font-size:1.875rem;font-weight:700}.home-benefits-card-plan-features{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-2);font-size:.875rem;color:var(--gray-300)}.home-benefits-card-btn{display:block;width:100%;padding:var(--spacing-3);background:var(--primary-gold);color:var(--black);border-radius:var(--radius-lg);font-weight:600;text-align:center;text-decoration:none;transition:var(--transition-all)}.home-benefits-card-btn:hover{box-shadow:var(--shadow-lg)}.home-cta{padding:var(--spacing-20) var(--spacing-4);background:var(--black-light);border-top:2px solid var(--primary-gold)}.home-cta-container{max-width:56rem;margin:0 auto;text-align:center;color:var(--white)}.home-cta-title{font-size:1.875rem;font-weight:700;margin-bottom:var(--spacing-6);color:var(--primary-gold)}@media(min-width:768px){.home-cta-title{font-size:2.25rem}}.home-cta-description{font-size:1.25rem;color:var(--gray-300);margin-bottom:var(--spacing-8)}.home-cta-btn{display:inline-block;padding:var(--spacing-4) var(--spacing-8);background:var(--primary-gold);color:var(--black);border-radius:var(--radius-lg);font-weight:600;font-size:1.125rem;text-decoration:none;transition:var(--transition-all)}.home-cta-btn:hover{box-shadow:var(--shadow-xl)}.auth-page{min-height:100vh;background:var(--black);display:flex;align-items:center;justify-content:center;padding:var(--spacing-12) var(--spacing-4)}.auth-container{max-width:28rem;width:100%}.auth-header{text-align:center;margin-bottom:var(--spacing-8)}.auth-icon{display:inline-block;background:var(--primary-gold);padding:var(--spacing-3);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-4)}.auth-icon svg{width:2rem;height:2rem;color:var(--black)}.auth-title{font-size:1.875rem;font-weight:700;color:var(--primary-gold)}.auth-subtitle{margin-top:var(--spacing-2);color:var(--gray-300)}.auth-card{background:var(--black-light);border:2px solid var(--primary-gold);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-8)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.auth-form-group{display:flex;flex-direction:column}.auth-label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-300);margin-bottom:var(--spacing-2)}.auth-input-wrapper{position:relative}.auth-input-wrapper svg{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--gray-400)}.auth-input{width:100%;padding:var(--spacing-3) var(--spacing-4);padding-left:2.5rem;border:1px solid var(--primary-gold);border-radius:var(--radius-lg);font-size:1rem;transition:var(--transition-all);background:var(--black);color:var(--white)}.auth-input:focus{outline:none;border-color:var(--primary-gold);box-shadow:0 0 0 3px #ffd70033}.auth-input-with-toggle{padding-right:3rem}.auth-toggle-password{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--gray-400);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.auth-toggle-password:hover{color:var(--gray-600)}.auth-toggle-password svg{width:1.25rem;height:1.25rem}.auth-submit-btn{width:100%;background:var(--primary-gold);color:var(--black);padding:var(--spacing-3);border-radius:var(--radius-lg);font-weight:600;border:none;cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.auth-submit-btn:hover{box-shadow:var(--shadow-lg)}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-submit-btn svg{width:1.25rem;height:1.25rem}.auth-link-section{margin-top:var(--spacing-6);text-align:center}.auth-link-section p{color:var(--gray-300)}.auth-link{color:var(--primary-gold);text-decoration:none;font-weight:500}.auth-link:hover{color:var(--gold-dark)}.auth-footer{margin-top:var(--spacing-6);text-align:center}.auth-footer p{font-size:.875rem;color:var(--gray-400)}.auth-footer a{color:var(--primary-gold);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.otp-subtitle{margin-top:var(--spacing-2);color:var(--gray-300)}.otp-email{font-weight:500;color:var(--primary-gold)}.otp-label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-300);margin-bottom:var(--spacing-3);text-align:center}.otp-inputs{display:flex;justify-content:center;gap:var(--spacing-2)}.otp-input{width:3rem;height:3.5rem;text-align:center;font-size:1.5rem;font-weight:700;border:2px solid var(--primary-gold);border-radius:var(--radius-lg);transition:var(--transition-all);background:var(--black);color:var(--primary-gold)}.otp-input:focus{outline:none;border-color:var(--primary-gold);box-shadow:0 0 0 3px #ffd70033}.otp-timer{text-align:center}.otp-timer p{font-size:.875rem;color:var(--gray-300)}.otp-timer-value{font-weight:500;color:var(--primary-gold)}.otp-timer-value.warning{color:var(--red-600)}.otp-resend{text-align:center}.otp-resend p{color:var(--gray-300);margin-bottom:var(--spacing-2)}.otp-resend-btn{color:var(--primary-gold);background:transparent;border:none;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);margin:0 auto}.otp-resend-btn:hover{color:var(--gold-dark)}.otp-resend-btn:disabled{opacity:.5;cursor:not-allowed}.otp-resend-btn svg{width:1rem;height:1rem}.otp-resend-info{font-size:.75rem;color:var(--gray-400);margin-top:var(--spacing-1)}.dashboard{min-height:100vh;background:var(--black);padding:var(--spacing-8) var(--spacing-4)}.dashboard-container{max-width:1280px;margin:0 auto}.dashboard-header{margin-bottom:var(--spacing-8)}.dashboard-title{font-size:1.875rem;font-weight:700;color:var(--primary-gold);margin-bottom:var(--spacing-2)}.dashboard-subtitle{color:var(--gray-300)}.dashboard-stats{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-6);margin-bottom:var(--spacing-8)}@media(min-width:768px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.dashboard-stats{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--black-light);border-radius:var(--radius-xl);border:2px solid var(--primary-gold);padding:var(--spacing-6)}.stat-card-content{display:flex;align-items:center;justify-content:space-between}.stat-card-info p:first-child{font-size:.875rem;color:var(--gray-300);margin-bottom:var(--spacing-1)}.stat-card-value{font-size:1.875rem;font-weight:700;color:var(--primary-gold)}.stat-card-meta{font-size:.75rem;color:var(--gray-400);margin-top:var(--spacing-1)}.stat-card-icon{padding:var(--spacing-3);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--primary-gold)}.stat-card-icon svg{width:2rem;height:2rem;color:var(--black)}.subscription-card{background:var(--black-light);border:2px solid var(--primary-gold);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-8);color:var(--white)}.subscription-card-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-4)}.subscription-card-title{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-2);color:var(--primary-gold)}.subscription-card-description{color:var(--gray-300);margin-bottom:var(--spacing-4)}.subscription-card-features{display:flex;align-items:center;gap:var(--spacing-4);font-size:.875rem;flex-wrap:wrap}.subscription-card-feature{display:flex;align-items:center;gap:var(--spacing-1)}.subscription-card-feature svg{width:1rem;height:1rem}.subscription-card-btn{padding:var(--spacing-3) var(--spacing-6);background:var(--primary-gold);color:var(--black);border-radius:var(--radius-lg);font-weight:600;text-decoration:none;transition:var(--transition-all);display:inline-block}.subscription-card-btn:hover{box-shadow:var(--shadow-lg)}.urls-section{background:var(--black-light);border:2px solid var(--primary-gold);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-6)}.urls-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6);flex-wrap:wrap;gap:var(--spacing-4)}.urls-title{font-size:1.25rem;font-weight:700;color:var(--primary-gold)}.urls-create-btn{padding:var(--spacing-2) var(--spacing-4);background:var(--primary-gold);color:var(--black);font-weight:600;border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition-all)}.urls-create-btn:hover{box-shadow:var(--shadow-lg)}.urls-empty{text-align:center;padding:var(--spacing-12) 0}.urls-empty svg{width:4rem;height:4rem;color:var(--primary-gold);margin:0 auto var(--spacing-4)}.urls-empty p{color:var(--gray-300);margin-bottom:var(--spacing-4)}.urls-empty-btn{display:inline-block;padding:var(--spacing-3) var(--spacing-6);background:var(--primary-gold);color:var(--black);font-weight:600;border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition-all)}.urls-empty-btn:hover{box-shadow:var(--shadow-lg)}.urls-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.url-item{border:1px solid var(--primary-gold);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:var(--transition-all);background:var(--black)}.url-item:hover{box-shadow:var(--shadow-md)}.url-item-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);flex-wrap:wrap}.url-item-info{flex:1;min-width:0}.url-item-link{color:var(--primary-gold);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:var(--spacing-1);margin-bottom:var(--spacing-2);word-break:break-all}.url-item-link:hover{text-decoration:underline}.url-item-link svg{width:.75rem;height:.75rem;flex-shrink:0}.url-item-meta{display:flex;align-items:center;gap:var(--spacing-4);font-size:.875rem;color:var(--gray-300);flex-wrap:wrap}.url-item-meta-item{display:flex;align-items:center;gap:var(--spacing-1)}.url-item-meta-item svg{width:1rem;height:1rem}.url-item-code{font-family:monospace;background:var(--black-lighter);color:var(--primary-gold);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);border:1px solid var(--primary-gold)}.url-item-actions{display:flex;align-items:center;gap:var(--spacing-2)}.url-action-btn{padding:var(--spacing-2);color:var(--gray-300);background:transparent;border:1px solid var(--primary-gold);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-colors);display:flex;align-items:center;justify-content:center}.url-action-btn:hover{background:var(--primary-gold);color:var(--black)}.url-action-btn.delete:hover{background:var(--red-600);border-color:var(--red-600);color:var(--white)}.url-action-btn.analytics:hover{background:var(--primary-gold);color:var(--black)}.url-action-btn.copied{color:var(--green-500);border-color:var(--green-500)}.url-action-btn svg{width:1.25rem;height:1.25rem}.dashboard-loading{min-height:100vh;display:flex;align-items:center;justify-content:center}.dashboard-loading svg{width:3rem;height:3rem;color:var(--primary-gold)}.dashboard-error{min-height:100vh;display:flex;align-items:center;justify-content:center}.dashboard-error-content{text-align:center}.dashboard-error-message{color:var(--red-600);margin-bottom:var(--spacing-4)}.dashboard-error-btn{padding:var(--spacing-2) var(--spacing-6);background:var(--primary-gold);color:var(--black);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-colors)}.dashboard-error-btn:hover{background:var(--gold-dark)}.shorten{min-height:100vh;background:var(--black);padding:var(--spacing-12) var(--spacing-4)}.shorten-container{max-width:56rem;margin:0 auto}.shorten-header{text-align:center;margin-bottom:var(--spacing-12)}.shorten-icon{display:inline-block;background:var(--primary-gold);padding:var(--spacing-3);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-4)}.shorten-icon svg{width:2.5rem;height:2.5rem;color:var(--black)}.shorten-title{font-size:2.25rem;font-weight:700;color:var(--primary-gold);margin-bottom:var(--spacing-4)}.shorten-description{font-size:1.125rem;color:var(--gray-300)}.shorten-card{background:var(--black-light);border:2px solid var(--primary-gold);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-8)}.shorten-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.shorten-form-group{display:flex;flex-direction:column}.shorten-label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-300);margin-bottom:var(--spacing-2)}.shorten-label-required{color:var(--red-500)}.shorten-label-badge{margin-left:var(--spacing-2);font-size:.75rem;color:var(--black);background:var(--primary-gold);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}.shorten-input-wrapper{position:relative}.shorten-input-wrapper svg{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--gray-400)}.shorten-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--primary-gold);border-radius:var(--radius-lg);font-size:1rem;transition:var(--transition-all);background:var(--black);color:var(--white)}.shorten-input.with-icon{padding-left:2.5rem}.shorten-input:focus{outline:none;border-color:var(--primary-gold);box-shadow:0 0 0 3px #ffd70033}.shorten-textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--primary-gold);border-radius:var(--radius-lg);font-size:1rem;transition:var(--transition-all);resize:none;font-family:inherit;background:var(--black);color:var(--white)}.shorten-textarea:focus{outline:none;border-color:var(--primary-gold);box-shadow:0 0 0 3px #ffd70033}.shorten-hint{margin-top:var(--spacing-1);font-size:.75rem;color:var(--gray-400)}.shorten-submit-btn{width:100%;background:var(--primary-gold);color:var(--black);padding:var(--spacing-4);border-radius:var(--radius-lg);font-weight:600;font-size:1.125rem;border:none;cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.shorten-submit-btn:hover{box-shadow:var(--shadow-lg)}.shorten-submit-btn:disabled{opacity:.5;cursor:not-allowed}.shorten-submit-btn svg{width:1.25rem;height:1.25rem}.success-card{background:var(--black-light);border:2px solid var(--primary-gold);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-8)}.success-header{text-align:center;margin-bottom:var(--spacing-6)}.success-icon{display:inline-block;background:var(--primary-gold);padding:var(--spacing-3);border-radius:var(--radius-full);margin-bottom:var(--spacing-4)}.success-icon svg{width:2rem;height:2rem;color:var(--black)}.success-title{font-size:1.5rem;font-weight:700;color:var(--primary-gold);margin-bottom:var(--spacing-2)}.success-description{color:var(--gray-300)}.success-url-section{background:var(--black);border:1px solid var(--primary-gold);border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.success-url-label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-300);margin-bottom:var(--spacing-2)}.success-url-input-group{display:flex;align-items:center;gap:var(--spacing-2)}.success-url-input{flex:1;padding:var(--spacing-3) var(--spacing-4);background:var(--black-lighter);border:1px solid var(--primary-gold);border-radius:var(--radius-lg);font-family:monospace;color:var(--primary-gold);font-size:1rem}.success-copy-btn{padding:var(--spacing-3) var(--spacing-6);background:var(--primary-gold);color:var(--black);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;gap:var(--spacing-2);white-space:nowrap}.success-copy-btn:hover{box-shadow:var(--shadow-lg)}.success-copy-btn svg{width:1.25rem;height:1.25rem}.success-details{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.success-detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0;border-bottom:1px solid var(--gray-200)}.success-detail-row:last-child{border-bottom:none}.success-detail-label{color:var(--gray-300)}.success-detail-value{font-weight:500;color:var(--white)}.success-detail-value.code{font-family:monospace;color:var(--primary-gold)}.success-actions{display:flex;gap:var(--spacing-4)}.success-action-btn{flex:1;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:500;text-align:center;text-decoration:none;transition:var(--transition-all);cursor:pointer;border:none}.success-action-btn.primary{background:var(--primary-gold);color:var(--black);font-weight:600}.success-action-btn.primary:hover{box-shadow:var(--shadow-lg)}.success-action-btn.secondary{border:2px solid var(--primary-gold);color:var(--primary-gold);background:transparent}.success-action-btn.secondary:hover{background:var(--primary-gold);color:var(--black)}@media(max-width:640px){.success-url-input-group{flex-direction:column}.success-url-input{width:100%}.success-copy-btn{width:100%;justify-content:center}.success-actions{flex-direction:column}}.subscription{min-height:100vh;background:var(--black);padding:var(--spacing-12) var(--spacing-4)}.subscription-container{max-width:1280px;margin:0 auto}.subscription-header{text-align:center;margin-bottom:var(--spacing-12)}.subscription-icon{display:inline-block;background:var(--primary-gold);padding:var(--spacing-3);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-4)}.subscription-icon svg{width:2.5rem;height:2.5rem;color:var(--black)}.subscription-title{font-size:2.25rem;font-weight:700;color:var(--primary-gold);margin-bottom:var(--spacing-4)}.subscription-description{font-size:1.125rem;color:var(--gray-300);margin-bottom:var(--spacing-8)}.billing-toggle{display:inline-flex;align-items:center;background:var(--black-light);border:1px solid var(--primary-gold);border-radius:var(--radius-lg);padding:var(--spacing-1);box-shadow:var(--shadow-md)}.billing-toggle-btn{padding:var(--spacing-2) var(--spacing-6);border-radius:var(--radius-lg);font-weight:500;border:none;cursor:pointer;transition:var(--transition-all);background:transparent;color:var(--gray-400)}.billing-toggle-btn:hover{color:var(--white)}.billing-toggle-btn.active{background:var(--primary-gold);color:var(--black);font-weight:600}.billing-toggle-badge{margin-left:var(--spacing-2);font-size:.75rem;background:var(--primary-gold);color:var(--black);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-weight:600}.plans-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-8);margin-bottom:var(--spacing-12)}@media(min-width:768px){.plans-grid{grid-template-columns:repeat(3,1fr)}}.plan-card{background:var(--black-light);border:2px solid var(--gray-700);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;transition:var(--transition-all)}.plan-card:hover{transform:scale(1.05);border-color:var(--primary-gold)}.plan-card.popular{border:2px solid var(--primary-gold)}.plan-badge{text-align:center;padding:var(--spacing-2);font-size:.875rem;font-weight:600}.plan-badge.popular{background:var(--primary-gold);color:var(--black)}.plan-badge.current{background:var(--gray-600);color:var(--white)}.plan-content{padding:var(--spacing-8)}.plan-header{text-align:center;margin-bottom:var(--spacing-6)}.plan-icon{display:inline-block;padding:var(--spacing-3);border-radius:var(--radius-xl);margin-bottom:var(--spacing-4)}.plan-icon.gray{background:var(--gray-700)}.plan-icon.blue,.plan-icon.purple{background:var(--primary-gold)}.plan-icon svg{width:2rem;height:2rem}.plan-icon.gray svg{color:var(--gray-400)}.plan-icon.blue svg{color:var(--black)}.plan-icon.purple svg{color:var(--black)}.plan-name{font-size:1.5rem;font-weight:700;color:var(--primary-gold);margin-bottom:var(--spacing-2)}.plan-description{color:var(--gray-300);font-size:.875rem;margin-bottom:var(--spacing-4)}.plan-price{display:flex;align-items:baseline;justify-content:center}.plan-price-amount{font-size:2.25rem;font-weight:700;color:var(--white)}.plan-price-period{color:var(--gray-400);margin-left:var(--spacing-2)}.plan-features{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-8)}.plan-feature{display:flex;align-items:flex-start;gap:var(--spacing-2)}.plan-feature svg{width:1.25rem;height:1.25rem;color:var(--primary-gold);flex-shrink:0;margin-top:.125rem}.plan-feature span{color:var(--gray-300);font-size:.875rem}.plan-cta-btn{width:100%;padding:var(--spacing-3);border-radius:var(--radius-lg);font-weight:600;color:var(--white);border:none;cursor:pointer;transition:var(--transition-all)}.plan-cta-btn.gray{background:var(--gray-600);border:2px solid var(--gray-600)}.plan-cta-btn.gray:hover{background:var(--gray-700);border-color:var(--gray-700)}.plan-cta-btn.blue{background:var(--primary-gold);color:var(--black)}.plan-cta-btn.blue:hover{box-shadow:0 4px 12px #ffd70066}.plan-cta-btn.purple{background:var(--primary-gold);color:var(--black)}.plan-cta-btn.purple:hover{box-shadow:0 4px 12px #ffd70066}.plan-cta-btn:disabled{opacity:.5;cursor:not-allowed}.comparison-section{background:var(--black-light);border:2px solid var(--primary-gold);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-8)}.comparison-title{font-size:1.5rem;font-weight:700;color:var(--primary-gold);margin-bottom:var(--spacing-6);text-align:center}.comparison-table-wrapper{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse}.comparison-table thead tr{border-bottom:2px solid var(--primary-gold)}.comparison-table th{text-align:left;padding:var(--spacing-4);color:var(--white);font-weight:600}.comparison-table th:not(:first-child){text-align:center}.comparison-table tbody tr{border-bottom:1px solid var(--gray-700)}.comparison-table td{padding:var(--spacing-4);color:var(--gray-300)}.comparison-table td:not(:first-child){text-align:center;color:var(--gray-400)}.comparison-check{color:var(--primary-gold)}.comparison-cross{color:var(--gray-600)}.faq-section{margin-top:var(--spacing-12);text-align:center}.faq-title{font-size:1.5rem;font-weight:700;color:var(--primary-gold);margin-bottom:var(--spacing-4)}.faq-description{color:var(--gray-300);margin-bottom:var(--spacing-6)}.faq-cta-btn{display:inline-block;padding:var(--spacing-3) var(--spacing-8);background:var(--primary-gold);color:var(--black);font-weight:600;border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition-all)}.faq-cta-btn:hover{box-shadow:0 4px 12px #ffd70066}@media(max-width:768px){.comparison-table{font-size:.875rem}.comparison-table th,.comparison-table td{padding:var(--spacing-2)}}.redirect-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--black);padding:var(--spacing-4)}.redirect-container{text-align:center;max-width:500px;width:100%}.redirect-title{font-size:2rem;font-weight:700;color:var(--primary-gold);margin-bottom:var(--spacing-4)}.redirect-message,.redirect-error{font-size:1.125rem;color:var(--gray-300);margin-bottom:var(--spacing-6)}.error-icon{font-size:4rem;margin-bottom:var(--spacing-4)}.redirect-home-btn{padding:var(--spacing-3) var(--spacing-8);background:var(--primary-gold);color:var(--black);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);font-size:1rem}.redirect-home-btn:hover{box-shadow:0 4px 12px #ffd70066;transform:translateY(-2px)}