:root{--primary: #007AFF;--success: #34C759;--warning: #FF9500;--danger: #FF3B30;--purple: #AF52DE;--background: #F2F2F7;--card: #FFFFFF;--text: #1C1C1E;--text-secondary: #8E8E93;--border: #E5E5EA;--radius: 24px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--background);background-image:radial-gradient(at 0% 0%,hsla(210,100%,92%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(220,100%,92%,1) 0,transparent 50%),radial-gradient(at 100% 100%,hsla(210,100%,92%,1) 0,transparent 50%),radial-gradient(at 0% 100%,hsla(220,100%,92%,1) 0,transparent 50%);color:var(--text);line-height:1.5;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}button{cursor:pointer;border:none;outline:none;font-family:inherit}input{outline:none;font-family:inherit}.portal-container{max-width:500px;margin:0 auto;min-height:100vh;padding:20px;display:flex;flex-direction:column;gap:20px}.card{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:0 4px 12px #0000000d;border:1px solid var(--border)}.gradient-blue{background:linear-gradient(135deg,#007AFF 0%,#0056B3 100%)}.gradient-green{background:linear-gradient(135deg,#34C759 0%,#248A3D 100%)}.gradient-purple{background:linear-gradient(135deg,#AF52DE 0%,#7B399C 100%)}