@charset "utf-8"; *{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;display:flex;align-items:center;justify-content:center;padding:20px}body::before{content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.012),rgba(255,255,255,0.005));background-size:180px 180px,100% 100%;mix-blend-mode:overlay;z-index:0}.wrap{position:relative;z-index:2;width:100%;max-width:420px;margin:auto;padding:28px}.form-box{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:18px;backdrop-filter:blur(14px) saturate(110%);box-shadow:0 12px 34px rgba(2,8,23,0.6);padding:28px;display:flex;flex-direction:column;align-items:center;gap:18px}.code-badge{position:absolute;top:14px;left:14px;font-family:ui-monospace,Menlo,Monaco,"Roboto Mono",monospace;font-size:11px;color:rgba(255,255,255,0.78);background:rgba(0,0,0,0.18);padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,0.04)}.logo{font-size:1.9rem;font-weight:800;line-height:1;background:linear-gradient(90deg,#b7e0ff 0,#7fb3d5 50%,#cfe8f8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:10px}.logo .tag{font-family:ui-monospace,Menlo,Monaco,"Roboto Mono",monospace;font-weight:700;font-size:.72rem;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,0.04);color:rgba(255,255,255,0.92);border:1px solid rgba(255,255,255,0.04)}.subtitle{color:rgba(255,255,255,0.82);font-size:.95rem;text-align:center;max-width:86%}.links{width:100%;display:flex;flex-direction:column;gap:12px;align-items:center}.btn{width:100%;max-width:320px;display:flex;align-items:center;gap:12px;padding:12px 18px;height:52px;border-radius:12px;text-decoration:none;color:#eaf6ff;font-weight:700;letter-spacing:.02em;transition:transform 220ms cubic-bezier(.2,.9,.2,1),box-shadow 220ms ease,background 260ms ease;background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.015));border:1px solid rgba(255,255,255,0.06);box-shadow:0 6px 18px rgba(2,8,23,0.45);position:relative}.btn .left{min-width:44px;height:36px;border-radius:8px;background:rgba(255,255,255,0.03);display:grid;place-items:center;font-size:1.2rem;margin-right:6px}.btn .label{flex:1;text-align:left;font-size:.98rem;color:#eaf6ff}.btn .hint{font-size:.78rem;color:rgba(230,245,255,0.7)}.btn:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(6,38,72,0.45);background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.01));border-color:rgba(255,255,255,0.08)}.btn::after{content:"";position:absolute;top:-40%;left:-60%;width:30%;height:200%;background:linear-gradient(120deg,rgba(255,255,255,0.06),rgba(255,255,255,0.0));transform:rotate(25deg);transition:left .5s ease}.btn:hover::after{left:140%}.socials{display:flex;gap:12px;margin-top:12px}.socials a{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;text-decoration:none;background:rgba(255,255,255,0.03);color:#d6eefc;border:1px solid rgba(255,255,255,0.04);transition:transform .2s ease,background .2s ease}.socials a:hover{transform:scale(1.1);background:linear-gradient(90deg,#3aa0d6,#1f6f99)}.foot{font-size:.78rem;color:rgba(255,255,255,0.6);margin-top:6px}@media (max-width:480px){.form-box{padding:20px;gap:12px;border-radius:14px}.logo{font-size:1.4rem}.btn{height:48px;padding:10px 14px}.btn .label{font-size:.95rem}.code-badge{top:10px;left:10px;font-size:10px;padding:5px 7px}}