@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--bg-primary:#eceff6;--bg-mesh-1:#e6deffb3;--bg-mesh-2:#d4e6ff99;--bg-frame:#fff9;--bg-card:#ffffffa6;--bg-card-hover:#ffffffd9;--border-primary:#fff9;--border-secondary:#ffffffd9;--border-dark:#5e5ce61f;--border-dim:#0000000a;--text-primary:#1a1d20;--text-secondary:#5e6670;--text-muted:#8f98a5;--accent-gold:#5e5ce6;--accent-gold-glow:#5e5ce626;--accent-periwinkle:#5e5ce6;--accent-periwinkle-glow:#5e5ce633;--accent-green:#24b263;--accent-neon-glow:#24b26314;--accent-blue:#007aff;--accent-blue-glow:#007aff14;--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--r-large:24px;--r-medium:16px;--r-small:8px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);background-image:radial-gradient(at 0% 0%, var(--bg-mesh-1) 0px, transparent 50%), radial-gradient(at 100% 100%, var(--bg-mesh-2) 0px, transparent 50%), radial-gradient(at 50% 0%, #5e5ce60f 0px, transparent 40%);color:var(--text-primary);background-attachment:fixed;padding:32px;line-height:1.5;overflow-x:hidden}@media (width<=1024px){body{padding:16px}}@media (width<=768px){body{padding:0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);font-weight:800;line-height:1.1}a{color:inherit;text-decoration:none}.app-frame{background:var(--bg-frame);-webkit-backdrop-filter:blur(40px);border:1px solid var(--border-primary);border-radius:var(--r-large);max-width:1280px;min-height:90vh;margin:0 auto;position:relative;box-shadow:0 40px 100px #5e5ce60d,0 10px 30px #00000005,inset 0 1px #fff9}@media (width<=768px){.app-frame{box-shadow:none;border:none;border-radius:0;min-height:100vh;margin:0}}.btn-cred{font-family:var(--font-display);letter-spacing:-.01em;background-color:var(--text-primary);color:#fff;border:1px solid var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50px;justify-content:center;align-items:center;padding:12px 28px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-cred:hover{color:var(--text-primary);background-color:#0000;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.btn-cred:active{transform:scale(.97)}.btn-cred-outline{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:1px solid #0000001f;border-radius:50px;justify-content:center;align-items:center;padding:12px 28px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-cred-outline:hover{color:var(--text-primary);border-color:var(--text-primary);background-color:#ffffff40;transform:translateY(-1px)}.btn-cred-outline:active{transform:scale(.97)}.btn-cred-neon{font-family:var(--font-display);letter-spacing:-.01em;background-color:var(--accent-periwinkle);color:#fff;border:1px solid var(--accent-periwinkle);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50px;justify-content:center;align-items:center;padding:12px 28px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-cred-neon:hover{color:var(--accent-periwinkle);box-shadow:0 6px 20px var(--accent-gold-glow);background-color:#0000;transform:translateY(-1px)}.btn-cred-neon:active{transform:scale(.97)}.card-cred{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--r-medium);padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 10px 30px #00000005,inset 0 1px #ffffff80}.card-cred:hover{border-color:var(--border-secondary);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 15px 35px #5e5ce60a,inset 0 1px #fff9}.card-cred-glow-green:hover{border-color:var(--accent-green);box-shadow:0 8px 24px var(--accent-neon-glow)}.card-cred-glow-blue:hover{border-color:var(--accent-blue);box-shadow:0 8px 24px var(--accent-blue-glow)}.text-gradient-green{background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent-periwinkle) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-blue{background:linear-gradient(135deg, var(--accent-periwinkle) 0%, #007aff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-gold{background:linear-gradient(135deg, var(--text-primary) 40%, var(--accent-periwinkle) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glow-overlay-green{pointer-events:none;background:radial-gradient(circle,#5e5ce60d 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute}.glow-overlay-blue{pointer-events:none;background:radial-gradient(circle,#fff6 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute}.grid-cred{gap:24px;display:grid}.form-group-cred{margin-bottom:16px}.form-group-cred label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.form-control-cred{border-radius:var(--r-small);width:100%;color:var(--text-primary);font-family:var(--font-body);background-color:#ffffff73;border:1px solid #00000014;outline:none;padding:12px 16px;font-size:13.5px;transition:all .2s}.form-control-cred:focus{border-color:var(--accent-periwinkle);background-color:#ffffffd9;box-shadow:0 4px 12px #5e5ce60a}.form-control-cred::placeholder{color:var(--text-muted)}.card-container{perspective:1200px;transform-style:preserve-3d}.card-3d{transform-style:preserve-3d;will-change:transform;transition:transform .15s cubic-bezier(.25,1,.5,1);position:relative}.layer-3d{transform:translateZ(24px)}.layer-3d-deep{transform:translateZ(48px)}.layer-3d-deeper{transform:translateZ(72px)}.card-glare{background:radial-gradient(circle at var(--x,50%) var(--y,50%), #ffffff2e 0%, transparent 60%);pointer-events:none;mix-blend-mode:overlay;border-radius:inherit;z-index:10;position:absolute;inset:0}@keyframes floatCard{0%{transform:translateY(0)rotateX(4deg)rotateY(-4deg)}50%{transform:translateY(-12px)rotateX(-2deg)rotateY(4deg)}to{transform:translateY(0)rotateX(4deg)rotateY(-4deg)}}.card-idle-float{animation:6s ease-in-out infinite floatCard}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-wrap{width:100%;overflow:hidden}.ticker-content{width:max-content;animation:40s linear infinite ticker;display:flex}.bento-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.bento-item{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--r-large);flex-direction:column;justify-content:space-between;min-height:240px;padding:32px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000003,inset 0 1px #ffffff80}.bento-item:hover{border-color:var(--border-secondary);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 20px 40px #5e5ce60a,inset 0 1px #fff9}.bento-col-2{grid-column:span 2}.bento-row-2{grid-row:span 2}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-col-2{grid-column:span 2}}@media (width<=768px){.bento-grid{grid-template-columns:1fr}.bento-col-2{grid-column:span 1}}@keyframes skeleton-loading{0%{background-color:#00000008}50%{background-color:#0000000f}to{background-color:#00000008}}.skeleton{animation:1.8s ease-in-out infinite skeleton-loading}