.footer-simple{background:#090d16;color:#64748b;padding:18px;text-align:center;font-size:.85rem;border-top:1px solid rgba(255,255,255,.08);font-family:Inter,sans-serif}.anniversary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;padding:16px}.anniversary-overlay.visible{opacity:1;visibility:visible}.anniversary-card{position:relative;background:linear-gradient(160deg,#fff,#f8faff);border-radius:24px;width:100%;max-width:480px;box-shadow:0 24px 80px #00000040,0 0 0 1px #ffffff1a;overflow:hidden;transform:translateY(40px) scale(.92);opacity:0;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s ease}.anniversary-overlay.visible .anniversary-card{transform:translateY(0) scale(1);opacity:1}.anniversary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#1e40af,#7c3aed,#db2777,#f59e0b);background-size:300% 100%;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.anniversary-close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;border:none;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#475569;font-size:20px;line-height:1;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.anniversary-close:hover{background:#fff;color:#1e293b;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.anniversary-content{padding:32px 28px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.anniversary-logo{width:100%;max-width:340px;height:auto;max-height:340px;object-fit:contain;animation:popIn .6s cubic-bezier(.34,1.56,.64,1) .3s both;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.anniversary-title{font-family:Inter,sans-serif;font-size:1.35rem;font-weight:700;color:#1e3a5f;margin:-12px 0 0;line-height:1.35;animation:fadeUp .5s ease .5s both}.anniversary-title .highlight{background:linear-gradient(135deg,#1e40af,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.anniversary-tagline-img{max-width:100%;height:auto;max-height:100px;object-fit:contain;animation:fadeUp .5s ease .7s both;filter:drop-shadow(0 2px 6px rgba(0,0,0,.06))}.anniversary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:12px 36px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:14px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 16px #1e40af59;animation:fadeUp .5s ease .9s both;position:relative;overflow:hidden}.anniversary-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s ease}.anniversary-btn:hover:after{transform:translate(100%)}.anniversary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1e40af73}.anniversary-btn:active{transform:translateY(0)}.confetti-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;opacity:0;animation:confettiFall linear forwards}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px) rotate(0) scale(1)}80%{opacity:.8}to{opacity:0;transform:translateY(500px) rotate(720deg) scale(.3)}}.shimmer-ring{position:absolute;top:50%;left:50%;width:200px;height:200px;margin-top:-140px;margin-left:-100px;border-radius:50%;border:2px solid rgba(124,58,237,.12);animation:shimmerPulse 3s ease-in-out infinite;pointer-events:none}@keyframes shimmerPulse{0%,to{transform:scale(.9);opacity:.3}50%{transform:scale(1.15);opacity:.08}}@media (max-width: 480px){.anniversary-content{padding:24px 20px 20px}.anniversary-logo{max-width:260px;max-height:260px}.anniversary-title{font-size:1.1rem}.anniversary-tagline-img{max-height:80px}.anniversary-btn{padding:10px 28px;font-size:.9rem}}:root{--primary-glow: linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #1e40af 100%);--accent-cyan: #06b6d4;--accent-purple: #8b5cf6;--accent-emerald: #10b981;--accent-amber: #f59e0b;--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%)}.home-wrapper{min-height:100vh;background:#f8fafc;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1e293b}.hero-portal{position:relative;background:linear-gradient(135deg,#0f172a,#1e3a8a 60%,#0b5394);color:#fff;padding:45px 20px 60px;overflow:hidden;text-align:center}.hero-portal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(56,189,248,.15) 0%,transparent 60%);animation:pulseGlow 10s infinite alternate ease-in-out;pointer-events:none}@keyframes pulseGlow{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(20px,-20px)}}.hero-content-box{max-width:900px;margin:0 auto;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);padding:8px 18px;border-radius:50px;font-size:.875rem;font-weight:500;color:#38bdf8;margin-bottom:24px}.hero-title{font-size:2.6rem;font-weight:800;line-height:1.25;letter-spacing:-.02em;margin-bottom:16px;background:linear-gradient(180deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.15rem;color:#cbd5e1;max-width:720px;margin:0 auto 36px;line-height:1.6}.hero-announcement{display:flex;align-items:center;justify-content:center;gap:12px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);padding:12px 24px;border-radius:12px;max-width:680px;margin:0 auto;font-size:.925rem;color:#94a3b8}.hero-announcement strong{color:#f8fafc}.services-section-portal{max-width:1240px;margin:-50px auto 60px;padding:0 20px;position:relative;z-index:3}.services-grid-portal{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card-service-modern{background:#fff;border-radius:20px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 10px 30px -5px #0f172a14;border:1px solid #f1f5f9;transition:all .35s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;position:relative;overflow:hidden}.card-service-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-accent, #2563eb);opacity:.8;transition:opacity .3s ease}.card-service-modern:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px #0f172a26;border-color:#cbd5e1}.card-service-modern:hover:before{opacity:1;height:6px}.card-icon-box{width:80px;height:80px;border-radius:22px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#fff;box-shadow:0 10px 20px -5px var(--shadow-color, rgba(37, 99, 235, .4));transition:transform .35s ease}.card-service-modern:hover .card-icon-box{transform:scale(1.08) rotate(3deg)}.icon-bg-playstore{background:#fff;border:1px solid #e2e8f0;--shadow-color: rgba(33, 150, 243, .25)}.icon-bg-reset{background:linear-gradient(135deg,#e11d48,#be123c);--shadow-color: rgba(225, 29, 72, .4)}.icon-bg-penambahan{background:linear-gradient(135deg,#059669,#047857);--shadow-color: rgba(5, 150, 105, .4)}.icon-bg-perubahan{background:linear-gradient(135deg,#7c3aed,#6d28d9);--shadow-color: rgba(124, 58, 237, .4)}.card-service-title{font-size:1.15rem;font-weight:700;color:#0f172a;margin-bottom:10px;line-height:1.35}.card-service-desc{font-size:.875rem;color:#64748b;line-height:1.55;margin-bottom:24px;flex:1}.card-service-btn{width:100%;padding:12px 18px;border-radius:12px;font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#f8fafc;color:#334155;border:1px solid #e2e8f0;transition:all .25s ease}.card-service-modern:hover .card-service-btn{background:var(--card-accent, #2563eb);color:#fff;border-color:transparent;box-shadow:0 4px 12px var(--shadow-color, rgba(37, 99, 235, .3))}.workflow-section{max-width:1240px;margin:60px auto;padding:0 20px}.workflow-header{text-align:center;margin-bottom:40px}.workflow-header h2{font-size:1.8rem;font-weight:800;color:#0f172a;margin-bottom:8px}.workflow-header p{color:#64748b;font-size:1rem}.workflow-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.workflow-step-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e2e8f0;position:relative}.workflow-step-num{width:36px;height:36px;border-radius:10px;background:#f1f5f9;color:#0f172a;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.workflow-step-title{font-size:1rem;font-weight:700;color:#0f172a;margin-bottom:8px}.workflow-step-desc{font-size:.85rem;color:#64748b;line-height:1.5}.video-section{max-width:1240px;margin:60px auto;padding:0 20px}.video-header{text-align:center;margin-bottom:32px}.video-header h2{font-size:1.8rem;font-weight:800;color:#0f172a;margin-bottom:8px}.video-header p{color:#64748b;font-size:1rem;max-width:680px;margin:0 auto}.hero-content-box{position:relative;z-index:2;max-width:900px;margin:0 auto}.hero-brand{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.hero-logo-img{width:48px;height:auto;object-fit:contain}.hero-brand-tag{display:block;font-size:.85rem;color:#38bdf8;font-weight:600;letter-spacing:.02em;text-transform:uppercase;margin-bottom:2px}.video-container-box{position:relative;width:100%;max-width:920px;margin:0 auto;padding-bottom:52.25%;height:0;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40;border:1px solid #cbd5e1;background:#0f172a}.video-container-box iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}@media (max-width: 1024px){.services-grid-portal,.workflow-steps-grid{grid-template-columns:repeat(2,1fr);gap:20px}.hero-title{font-size:2rem}}@media (max-width: 640px){.services-grid-portal,.workflow-steps-grid{grid-template-columns:1fr;gap:16px}.hero-portal{padding:60px 16px 70px}.hero-title{font-size:1.6rem}.services-section-portal{margin-top:-30px}}.data-table-container{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #0000000d;padding:24px;margin-top:24px;font-family:Inter,sans-serif}.table-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.table-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.table-subtitle{font-size:.875rem;color:#64748b;margin-top:4px}.zoom-controls{display:inline-flex;align-items:center;gap:4px;background:#f8fafc;border:1px solid #cbd5e1;padding:3px 6px;border-radius:10px}.zoom-controls button{background:#fff;border:1px solid #cbd5e1;color:#475569;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.zoom-controls button:hover:not(:disabled){background:#2563eb;color:#fff;border-color:#2563eb}.zoom-controls button:disabled{opacity:.35;cursor:not-allowed}.zoom-indicator{font-size:.78rem;font-weight:700;color:#334155;padding:0 4px;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:40px;text-align:center}.zoom-indicator:hover{color:#2563eb}.table-actions{display:flex;align-items:center;gap:10px}.toggle-view-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:.85rem;font-weight:600;border:1px solid #cbd5e1;background:#fff;color:#475569;cursor:pointer;transition:all .2s ease}.toggle-view-btn:hover{background:#f8fafc;color:#0f172a}.toggle-view-btn.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 2px 8px #2563eb40}.refresh-btn-full{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:10px;font-size:.875rem;font-weight:600;border:1px solid #2563eb;background:#2563eb;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #2563eb40}.refresh-btn-full:hover{background:#1d4ed8;border-color:#1d4ed8}.table-filter-bar{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.search-input-wrapper{flex:1;min-width:260px;position:relative}.search-input-wrapper input{width:100%;padding:10px 16px 10px 42px;border-radius:10px;border:1px solid #cbd5e1;font-size:.9rem;outline:none;transition:border-color .2s ease;background:#f8fafc}.search-input-wrapper input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.filter-dropdown-wrapper{position:relative;min-width:180px}.filter-dropdown-wrapper select{width:100%;padding:10px 16px 10px 38px;border-radius:10px;border:1px solid #cbd5e1;font-size:.875rem;outline:none;background:#f8fafc;color:#334155;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:500}.filter-dropdown-wrapper select:focus{border-color:#2563eb;background:#fff}.filter-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border-radius:12px;min-height:250px;max-width:100%}.custom-table{width:max-content;min-width:100%;border-collapse:collapse;text-align:left;font-size:.8rem;table-layout:auto}.custom-table th{background:#f8fafc;color:#475569;font-weight:700;padding:10px 14px;border-bottom:2px solid #e2e8f0;white-space:nowrap;position:sticky;top:0;z-index:1}.custom-table td{padding:10px 14px;border-bottom:1px solid #f1f5f9;color:#334155;line-height:1.45;white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}.custom-table td:hover{white-space:normal;overflow:visible;max-width:none;position:relative;z-index:2;background:#fffbeb}.custom-table tbody tr:nth-child(2n){background-color:#f8fafc}.custom-table tbody tr:nth-child(odd){background-color:#fff}.custom-table tbody tr:hover{background-color:#eff6ff!important}.custom-table th:first-child{position:sticky;left:0;z-index:3;background:#f1f5f9}.custom-table td:first-child{position:sticky;left:0;z-index:3;background:inherit}.custom-table tbody tr:hover td:first-child{background-color:#eff6ff!important}.col-no{font-weight:700;color:#94a3b8;width:40px;min-width:40px}.col-date{white-space:normal!important;max-width:110px!important;min-width:90px;word-break:break-word;font-size:.78rem;line-height:1.4;color:#64748b}.col-wrap{white-space:normal!important;max-width:160px!important;min-width:110px;word-break:break-word;line-height:1.45}.table-responsive:after{content:"";position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(to left,rgba(255,255,255,.9),transparent);pointer-events:none;border-radius:0 12px 12px 0;opacity:0;transition:opacity .3s ease}.table-responsive:hover:after{opacity:1}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:50px;font-size:.8rem;font-weight:600;white-space:nowrap}.badge-success{background:#dcfce7;color:#15803d}.badge-warning{background:#fef9c3;color:#a16207}.badge-danger{background:#ffe4e6;color:#be123c}.badge-neutral{background:#f1f5f9;color:#475569}.table-loading,.table-empty{padding:60px 20px;text-align:center;color:#64748b}.table-loading p{margin-top:12px;font-size:.95rem}.table-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-wrap:wrap;gap:12px;font-size:.875rem;color:#64748b}.pagination-controls{display:flex;align-items:center;gap:12px}.pagination-controls button{width:34px;height:34px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#334155;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.pagination-controls button:hover:not(:disabled){background:#2563eb;color:#fff;border-color:#2563eb}.pagination-controls button:disabled{opacity:.4;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.iframe-wrapper{border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.service-page{min-height:100vh;background-color:#f8fafc;font-family:Inter,sans-serif}.service-hero{width:100%;background:linear-gradient(135deg,#0b1d3a,#122b5e 60%,#0b3d91);color:#fff;padding:32px 0;text-align:left;position:relative;overflow:hidden;border-bottom:3px solid;border-image:linear-gradient(90deg,#38bdf8,#818cf8,#c084fc) 1}.service-hero-content{max-width:1400px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.service-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(56,189,248,.12) 0%,transparent 70%);pointer-events:none}.service-hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(129,140,248,.1) 0%,transparent 70%);pointer-events:none}.service-hero h1{font-size:1.5rem;font-weight:800;margin-bottom:6px;letter-spacing:-.02em}.service-hero p{font-size:.9rem;opacity:.75;margin:0;font-weight:400}.back-btn{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;color:#334155;text-decoration:none;font-weight:600;font-size:.85rem;padding:8px 16px;border-radius:8px;background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.9);box-shadow:0 4px 16px #0000000f;transition:all .25s ease;margin-left:auto;margin-bottom:20px}.back-btn:hover{background:#fff;color:#2563eb;border-color:#bfdbfe;box-shadow:0 6px 20px #2563eb26;transform:translateY(-2px)}.service-content{display:flex;flex-direction:column;max-width:1400px;margin:-30px auto 0;padding:0 24px 60px;position:relative;z-index:2}.service-card-content{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000014;margin-bottom:30px}.service-card-content h2{font-size:1.4rem;font-weight:700;color:#1e293b;margin-bottom:20px;display:flex;align-items:center;gap:12px}.service-card-content h2 .section-icon{width:36px;height:36px;background:linear-gradient(135deg,#0b5394,#1e3a8a);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.requirements-list{list-style:none;padding:0;margin:0}.requirements-list li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #f1f5f9;color:#475569;line-height:1.6}.requirements-list li:last-child{border-bottom:none}.requirements-list li .check-icon{color:#16a34a;flex-shrink:0;margin-top:2px}.steps-list{list-style:none;padding:0;margin:0;counter-reset:step-counter}.steps-list li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #f1f5f9;color:#334155;line-height:1.6}.steps-list li:last-child{border-bottom:none}.step-number{width:32px;height:32px;background:linear-gradient(135deg,#0b5394,#1e3a8a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.step-content{flex:1}.step-content strong{display:block;color:#1e293b;margin-bottom:4px}.info-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #0041a5;border-radius:0 12px 12px 0;padding:20px 24px;margin-top:20px;color:#1e40af;font-size:.95rem;line-height:1.6}.info-box strong{display:block;margin-bottom:6px;font-size:1rem}.warning-box{background:linear-gradient(135deg,#fefce8,#fef9c3);border-left:4px solid #ca8a04;border-radius:0 12px 12px 0;padding:20px 24px;margin-top:20px;color:#854d0e;font-size:.95rem;line-height:1.6}.warning-box strong{display:block;margin-bottom:6px;font-size:1rem}.cta-section{text-align:center;padding:30px 0 10px}.cta-button{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#0b5394,#0041a5);color:#fff;padding:16px 36px;border-radius:12px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 15px #0041a54d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0041a566}.cta-button.disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed}.contact-info{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.contact-item{display:flex;align-items:center;gap:8px;background:#f8fafc;padding:10px 16px;border-radius:10px;color:#475569;font-size:.9rem}.contact-item svg{color:#0041a5;flex-shrink:0}@media (max-width: 768px){.service-hero{padding:70px 20px 40px}.service-hero h1{font-size:1.6rem}.service-card-content{padding:24px}.contact-info{flex-direction:column}}:root{--primary: #0f4c81;--primary-light: #4477b3;--primary-dark: #072a4a;--secondary: #f4b41a;--background: #f8fafc;--surface: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--background);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul{list-style:none}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 4px 12px #0f4c814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f4c8166}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}h1,h2,h3,h4{font-family:Roboto,sans-serif;font-weight:700;line-height:1.2}.text-gradient{background:linear-gradient(135deg,var(--primary),#2980b9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}