:root{--primary-navy: #1c3f60;--primary-cyan: #0666bc;--cyan-light: #e0f1fe;--cyan-accent: #38bdf8;--neutral-50: #ffffff;--neutral-100: #f8fafc;--neutral-200: #e2e8f0;--neutral-400: #94a3b8;--neutral-600: #475569;--neutral-800: #1e293b;--neutral-900: #0f172a;--bg-app: var(--neutral-100);--bg-card: var(--neutral-50);--text-main: var(--neutral-900);--text-muted: var(--neutral-600);--border-color: var(--neutral-200);--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(28, 63, 96, .04);--shadow-lg: 0 10px 30px rgba(6, 102, 188, .06);--shadow-glow: 0 0 20px rgba(0, 188, 212, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--btn-primary-bg: #1c3f60;--btn-primary-hover: #164057;--btn-primary-active: #123648;--btn-primary-text: #ffffff;--btn-secondary-bg: transparent;--btn-secondary-border: #1c3f60;--btn-secondary-text: #1c3f60;--btn-secondary-hover-bg: rgba(28, 63, 96, .1);--btn-secondary-hover-border: #164057;--btn-shadow-hover: 0 4px 12px 0 rgba(28, 63, 96, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-app);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;line-height:1.25;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;outline:none;transition:all .15s ease-in-out;white-space:nowrap;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0000000d}.btn:focus{outline:none;box-shadow:0 0 0 3px #1c3f6033}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn:active{transform:translateY(1px)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.self-start{align-self:flex-start}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.md-flex{display:flex}.md-flex-row{flex-direction:row}.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1024px){.lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:1.5rem}@media(min-width:768px){.gap-12{gap:3rem}}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:1.25rem}@media(min-width:768px){.p-8{padding:2rem}}.p-10{padding:1.5rem}@media(min-width:768px){.p-10{padding:2.5rem}}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:1.25rem;padding-right:1.25rem}@media(min-width:768px){.px-8{padding-left:2rem;padding-right:2rem}}.px-10{padding-left:1rem;padding-right:1rem}@media(min-width:768px){.px-10{padding-left:2.5rem;padding-right:2.5rem}}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-20{padding-top:2.5rem;padding-bottom:2.5rem}@media(min-width:768px){.py-20{padding-top:5rem;padding-bottom:5rem}}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-12{margin-top:3rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-auto{margin-top:auto}.mx-auto{margin-left:auto;margin-right:auto}.ml-64{margin-left:16rem}.w-full{width:100%}@media(min-width:768px){.md-w-auto{width:auto}}.w-64{width:16rem}.w-\[600px\]{width:600px}.h-\[600px\]{height:600px}.h-16{height:4rem}.min-h-screen{min-height:100vh}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-h-\[90vh\]{max-height:90vh}.flex-1{flex:1 1 0%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.top-0{top:0}.left-0{left:0}.top-\[-200px\]{top:-200px}.right-\[-200px\]{right:-200px}.bottom-\[-200px\]{bottom:-200px}.left-\[-200px\]{left:-200px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.object-contain{object-fit:contain}.bg-app{background-color:var(--bg-app)}.bg-white{background-color:var(--neutral-50)}.bg-primary{background-color:var(--primary-navy)}.bg-primary\/20{background-color:#1c3f6033}.bg-cyan-accent{background-color:var(--cyan-accent)}.bg-transparent{background-color:transparent}.bg-white-10{background-color:#ffffff1a}.bg-clip-text{background-clip:text;-webkit-background-clip:text}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-primary{--tw-gradient-from: var(--primary-navy);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(28, 63, 96, 0))}.to-cyan{--tw-gradient-to: var(--primary-cyan)}.bg-radial-cyan{background:radial-gradient(circle,#00bcd4,#fff0 70%)}.bg-radial-navy{background:radial-gradient(circle,#1c3f60,#fff0 70%)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base,.text-lg{font-size:1rem}@media(min-width:768px){.text-lg{font-size:1.125rem}}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:1.75rem}@media(min-width:768px){.text-4xl{font-size:2.25rem}}.text-5xl{font-size:2.25rem}@media(min-width:768px){.text-5xl{font-size:3rem}}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.text-center{text-align:center}.text-left{text-align:left}.text-primary{color:var(--primary-navy)}.text-cyan{color:var(--primary-cyan)}.text-white{color:var(--neutral-50)}.text-muted{color:var(--text-muted)}.text-transparent{color:transparent}.text-white-70{color:#ffffffb3}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.underline{text-decoration:underline}.border{border-width:1px;border-style:solid}.border-color{border-color:var(--border-color)}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-l{border-left-width:1px}.border-primary{border-color:var(--primary-navy)}.hover\:border-cyan:hover{border-color:var(--primary-cyan)}.border-white-10{border-color:#ffffff1a}.border-cyan{border-color:var(--cyan-accent)}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.drop-shadow-xl{filter:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08))}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.cursor-pointer{cursor:pointer}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.hidden{display:none}.focus-outline:focus{outline:none}.focus-border-cyan:focus{border-color:var(--cyan-accent)}.focus-shadow-glow:focus{box-shadow:var(--shadow-glow)}.input-field{width:100%;padding:.75rem 1rem;background-color:#f8fafc;border:1px solid var(--neutral-200);border-radius:var(--radius-md);color:var(--text-main);font-size:.875rem;transition:all var(--transition-fast);outline:none}.input-field::placeholder{color:var(--neutral-400)}.input-field:hover{border-color:var(--neutral-400)}.input-field:focus{border-color:var(--primary-cyan);background-color:#fff;box-shadow:0 0 0 3px #0666bc26}.otp-input{flex:1;min-width:0;height:3.5rem;text-align:center;font-size:1.25rem;font-weight:700;border-radius:var(--radius-md);border:1px solid var(--neutral-200);background-color:#f8fafc;color:var(--text-main);transition:all var(--transition-fast);outline:none}.otp-input:focus{border-color:var(--primary-cyan);background-color:#fff;box-shadow:0 0 0 3px #0666bc26}.hover-text-cyan:hover{color:var(--primary-cyan)}.hover-text-primary:hover{color:var(--primary-navy)}.hover-underline:hover{text-decoration:underline}.hover-bg-light:hover{background-color:var(--neutral-100)}.hover-bg-white-10:hover{background-color:#ffffff0f}.hover-translate-x:hover{transform:translate(4px)}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}.hover-opacity:hover{opacity:.8}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:text-cyan{color:var(--primary-cyan)}.btn-primary{background:linear-gradient(135deg,#0666bc,#1c3f60);border-color:transparent;color:var(--btn-primary-text)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1c3f60,#0666bc);box-shadow:var(--btn-shadow-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:#123648}.btn-secondary{background-color:var(--btn-secondary-bg);border-color:var(--btn-secondary-border);color:var(--btn-secondary-text)}.btn-secondary:hover:not(:disabled){background-color:var(--btn-secondary-hover-bg);border-color:var(--btn-secondary-hover-border);color:var(--btn-secondary-hover-border);box-shadow:var(--btn-shadow-hover);transform:translateY(-1px)}.btn-ghost{background-color:transparent;border-color:transparent;color:var(--btn-primary-bg);box-shadow:none}.btn-ghost:hover:not(:disabled){background-color:var(--btn-secondary-hover-bg);border-color:transparent;color:var(--btn-primary-hover)}.badge{padding:3px 8px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600}.badge-free{background-color:#10b9811a;color:#10b981}.badge-premium{background-color:#00bcd41a;color:var(--cyan-accent)}.promo-badge{background-color:var(--cyan-accent);color:var(--primary-navy)}.app-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-normal);cursor:pointer;box-shadow:var(--shadow-sm)}.app-card:hover:not(.locked){border-color:var(--primary-cyan);box-shadow:0 4px 10px #0666bc0f}.app-card.locked{opacity:.65;cursor:not-allowed;background-color:#f8fafc80}.app-card.locked:hover{transform:none;border-color:var(--border-color);box-shadow:var(--shadow-sm)}.app-card-icon-wrapper{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background-color:var(--cyan-light);color:var(--primary-cyan);transition:all var(--transition-normal)}.app-card:hover:not(.locked) .app-card-icon-wrapper{transform:scale(1.05)}.app-card.locked .app-card-icon-wrapper{background-color:var(--neutral-200);color:var(--neutral-600)}.app-card-title{font-size:.95rem;font-weight:600;color:var(--primary-navy)}.app-card-description{font-size:.8rem;color:var(--text-muted);flex:1;line-height:1.4}.app-card-action{opacity:.4;transition:all var(--transition-normal);font-size:.8rem}.app-card:hover:not(.locked) .app-card-action{opacity:1;color:var(--primary-cyan)}.portal-toggle-btn{position:absolute;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #00000026;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:60;transform:translateY(-50%);padding:0}.portal-toggle-btn-primary{background-color:var(--primary-navy);border:1px solid rgba(255,255,255,.2);color:#fff}.portal-toggle-btn-primary:hover{background-color:var(--primary-cyan);transform:translateY(-50%) scale(1.1)}.portal-toggle-btn-secondary{background-color:#fff;border:1px solid var(--border-color);color:var(--text-muted)}.portal-toggle-btn-secondary:hover{background-color:var(--cyan-light);color:var(--primary-cyan);transform:translateY(-50%) scale(1.1)}