@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Noto+Sans+Sinhala:wght@300;400;500;700&display=swap";@font-face{font-family:FMAbhaya;src:url(./FMAbhaya-ZN1Bb3Tl.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-primary:#0a0e18;--bg-secondary:#0e1628;--bg-card:#121e3680;--bg-card-hover:#162440bf;--text-primary:#e4eeff;--text-secondary:#6a82a8;--text-muted:#3a4d6b;--accent:#ffb932;--accent-light:#ffd072;--accent-dark:#ff6414;--accent-glow:#ffb93240;--success:#32c878;--success-glow:#32c87826;--border:#1e325699;--border-hover:#1e3256f2;--border-focus:#ffb93299;--font-sans:"Space Grotesk", "Noto Sans Sinhala", sans-serif;--font-sinhala:"Noto Sans Sinhala", sans-serif;--glass-shadow:0 8px 32px 0 #0009;--glass-gradient:linear-gradient(135deg, #ffffff0d 0%, #ffffff03 100%);--glow-shadow:0 0 30px #ffb93226}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#ffffffd9;--bg-card-hover:#fffffffa;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#8b9bb4;--accent:#7c3aed;--accent-light:#8b5cf6;--accent-dark:#5b21b6;--accent-glow:#7c3aed26;--border:#7c3aed1f;--border-hover:#7c3aed47;--border-focus:#7c3aed99;--glass-shadow:0 8px 32px 0 #1f26870d;--glow-shadow:0 0 30px #7c3aed08}[data-theme=light] .text-white,[data-theme=light] .text-white\/90,[data-theme=light] .text-white\/80{color:#0f172a!important}[data-theme=light] .text-\[\#9f9cb8\],[data-theme=light] .text-\[\#6a82a8\]{color:#475569!important}[data-theme=light] .text-\[\#625f7a\]{color:#64748b!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{opacity:.8;color:#94a3b8!important}[data-theme=light] input,[data-theme=light] textarea{color:#0f172a!important}[data-theme=light] .bg-\[\#0E1628\]\/30,[data-theme=light] .bg-\[\#0E1628\]\/20,[data-theme=light] .bg-\[\#0a0718\]\/40{background-color:#f1f5f999!important}[data-theme=light] .bg-\[\#0a0718\]\/60{background-color:#ffffffe6!important}[data-theme=light] .bg-white\/5{background-color:#0000000a!important}[data-theme=light] .bg-white\/2{background-color:#00000005!important}[data-theme=light] .border-white\/5,[data-theme=light] .border-white\/10{border-color:#7c3aed1f!important}[data-theme=light] .border-purple-500\/10{border-color:#7c3aed26!important}[data-theme=light] .glass-panel{background:var(--bg-card)!important;border-color:var(--border)!important;box-shadow:var(--glass-shadow)!important}[data-theme=light] .glass-panel:hover{background:var(--bg-card-hover)!important;border-color:var(--border-hover)!important}[data-theme=light] .btn-glass{color:#7c3aed!important;background:#7c3aed0a!important;border-color:#7c3aed26!important}[data-theme=light] .btn-glass:hover{background:#7c3aed14!important;border-color:#7c3aed4d!important}[data-theme=light] .modal-overlay{background:#0f172a73!important}[data-theme=light] .bg-\[\#0c0a1c\]\/95{background:#fffffff7!important;border-color:#7c3aed26!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-primary);background:#ffb9324d;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#ffb93299}html{scroll-behavior:smooth}.bg-glow-purple{filter:blur(60px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#ffb93226 0%,#ffb93200 70%);width:450px;height:450px;position:absolute;top:10%;left:20%}.bg-glow-blue{filter:blur(80px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#ff64141a 0%,#ff641400 70%);width:500px;height:500px;position:absolute;bottom:20%;right:15%}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--glass-shadow);border-radius:16px;transition:all .3s}.glass-panel:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:var(--glass-shadow), var(--glow-shadow)}.font-fm{font-family:FMAbhaya,sans-serif!important}.font-unicode{font-family:var(--font-sinhala)!important}.font-eng{font-family:Space Grotesk,sans-serif!important}.pane-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:9999px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-block}.badge-sl{color:#ffd072;background:#ffb93226;border-color:#ffb9324d}.badge-fm{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}.badge-uni{color:#34d399;background:#10b98126;border-color:#10b9814d}.star-rating{gap:4px;display:inline-flex}.star-rating .star{cursor:pointer;transition:transform .1s}.star-rating .star:hover{transform:scale(1.2)}.nav-link{position:relative}.nav-link.active:after{content:"";background-color:var(--accent);border-radius:2px;width:100%;height:2px;position:absolute;bottom:-4px;left:0}.step-line{background:linear-gradient(90deg, var(--accent) 0%, transparent 100%);z-index:-1;width:calc(100% - 80px);height:2px;position:absolute;top:24px;left:calc(50% + 40px)}@media (width<=768px){.step-line{display:none}}.section-padding{padding:80px 24px}@media (width<=768px){.section-padding{padding:48px 16px}}.max-width-container{width:100%;max-width:1200px;margin:0 auto}.navbar-blur{-webkit-backdrop-filter:blur(12px);background:#090714bf}[data-theme=light] .navbar-blur{background:#f8fafccc}.hero-gradient-text{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-glass{color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-glass:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;box-shadow:0 4px 15px var(--accent-glow);border:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.carousel-container{border-radius:20px;position:relative;overflow:hidden}.carousel-slide{transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.carousel-item{min-width:100%}.feature-card{position:relative;overflow:hidden}.feature-card:before{content:"";background:radial-gradient(800px circle at var(--x,0px) var(--y,0px), #8b5cf61a, transparent 40%);pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.modal-overlay{-webkit-backdrop-filter:blur(10px);background:#05030acc}.payment-tab-btn{border-bottom:2px solid #0000;transition:all .2s}.payment-tab-btn.active{border-color:var(--accent);color:var(--accent-light)}.converter-textarea{border:1px solid var(--border);color:var(--text-primary);resize:vertical;background:#0f0c1e80;border-radius:12px;transition:all .3s}.converter-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.mic-pulse{animation:1.5s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.star-glow{filter:drop-shadow(0 0 8px #f59e0b99)}.guide-category{letter-spacing:.05em;color:var(--accent-light);border-bottom:1px solid var(--border);margin-top:1.5rem;margin-bottom:.5rem;padding-bottom:.25rem;font-size:.9rem;font-weight:700}.guide-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;display:grid}.guide-item{border:1px solid var(--border);background:#ffffff05;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:6px;font-size:.85rem;display:flex}.guide-sin{color:var(--text-primary);font-weight:600}.guide-eng{color:var(--text-secondary);font-size:.75rem}.review-card{transition:all .3s}.review-card:hover{transform:translateY(-3px)}@keyframes shimmer-line{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-shimmer-line{background-size:200%;animation:4s linear infinite shimmer-line}
