:root{--primary-teal:#4ECDC4;--primary-teal-dark:#26C6DA;--primary-teal-light:#80DEEA;--dark-blue:#1A365D;--dark-blue-light:#2D3748;--text-primary:#1A365D;--text-secondary:#64748B;--text-light:#94A3B8;--bg-light:#F8FAFC;--bg-white:#FFFFFF;--border-color:#E2E8F0;--error-bg:#FEF2F2;--error-text:#DC2626;--success-bg:#F0FDF4;--success-text:#16A34A;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;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;background:linear-gradient(135deg,#E0F7FA,#B2EBF2 50%,#E8F5E9);min-height:100vh}body{position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(78,205,196,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(26,54,93,.08) 0,transparent 50%),radial-gradient(circle at 40% 20%,rgba(38,198,218,.1) 0,transparent 50%);pointer-events:none;z-index:0}.container{max-width:560px;width:100%;margin:0 auto;position:relative;z-index:1;padding:40px 20px}.payment-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:32px 28px;box-shadow:var(--shadow-xl),0 0 0 1px rgba(255,255,255,.5) inset;animation:slideUp .6s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.8)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.logo-container{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.logo-image{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(26,54,93,.1))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1024px){.container{max-width:520px;padding:36px 24px}.payment-card{padding:30px 26px}.logo-image{width:95px;height:95px}}@media (max-width:768px){.container{max-width:100%;padding:32px 20px}.payment-card{padding:32px 24px}.logo-image{width:90px;height:90px;margin-bottom:20px}}@media (max-width:640px){.container{padding:20px 16px}.payment-card{padding:28px 20px;border-radius:18px}.logo-image{width:85px;height:85px;margin-bottom:18px}.payment-card h1{font-size:26px}.payment-card .subtitle{font-size:13px;margin-bottom:28px}}@media (max-width:375px){.container{padding:16px 12px}.payment-card{padding:24px 18px;border-radius:16px}.logo-image{width:80px;height:80px;margin-bottom:16px}}.api-docs-footer{text-align:center;margin-top:2rem;padding:1rem}.api-docs-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;padding:.5rem 1rem;border-radius:8px;transition:all .2s;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.api-docs-link:hover{color:var(--primary-teal-dark);background:rgba(255,255,255,.9);transform:translateY(-2px);box-shadow:var(--shadow-md)}