/* This CSS code is developed for the @KDR Team and Khogendra Rupini. 
It is exclusively owned and maintained by him.
If anyone wishes to use this stylesheet, they must first contact Khogendra Rupini 
through his official website https://khogendrarupini.com 
Or his GitHub profile https://github.com/khogendrarupini/
This code is protected and requires a valid license, 
as it falls under the @KDR License by Khogendra Rupini. */

*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:#030712;color:#e5e9f0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 900" preserveAspectRatio="xMidYMid slice"><defs><linearGradient id="rainbowGrad" x1="5%" y1="0%" x2="95%" y2="100%"><stop offset="0%" stop-color="%23f9a8d4" stop-opacity="0.22"/><stop offset="25%" stop-color="%23fde68a" stop-opacity="0.18"/><stop offset="50%" stop-color="%23a7f3d0" stop-opacity="0.2"/><stop offset="75%" stop-color="%23bae6fd" stop-opacity="0.22"/><stop offset="100%" stop-color="%23c4b5fd" stop-opacity="0.25"/></linearGradient><radialGradient id="glow1" cx="25%" cy="35%" r="55%"><stop offset="0%" stop-color="%23f472b6" stop-opacity="0.18"/><stop offset="100%" stop-color="%23f472b6" stop-opacity="0"/></radialGradient><radialGradient id="glow2" cx="75%" cy="65%" r="50%"><stop offset="0%" stop-color="%2338bdf8" stop-opacity="0.2"/><stop offset="100%" stop-color="%2338bdf8" stop-opacity="0"/></radialGradient></defs><rect width="1400" height="900" fill="url(%23rainbowGrad)"/><circle cx="350" cy="250" r="400" fill="url(%23glow1)"/><circle cx="1050" cy="650" r="380" fill="url(%23glow2)"/><path d="M-80 380 Q 400 120 850 360 T 1500 280" stroke="%23fbcfe8" stroke-width="38" fill="none" opacity="0.14"/><path d="M-30 520 Q 450 200 900 480 T 1500 400" stroke="%23bae6fd" stroke-width="42" fill="none" opacity="0.16"/></svg>') center/cover no-repeat;filter:blur(28px);z-index:0;pointer-events:none}.login-container{max-width:440px;width:100%;position:relative;z-index:2;backdrop-filter:blur(4px)}.login-logo{text-align:center;margin-bottom:2.2rem}.login-logo h1{background:linear-gradient(to right,#f9c5d1,#c4b5fd,#7dd3fc,#86efac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(1.8rem,6vw,2.2rem);font-weight:700;letter-spacing:-0.4px;filter:drop-shadow(0 5px 8px rgba(0,0,0,0.4))}.login-logo p{color:#cbd5e1;font-size:0.95rem;margin-top:0.5rem;background:rgba(8,14,23,0.5);backdrop-filter:blur(14px);display:inline-block;padding:0.25rem 1.4rem;border-radius:8px;border:1px solid rgba(255,255,255,0.07)}.login-card{background:rgba(12,19,28,0.75);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:2.2rem 2rem 2.2rem;box-shadow:0 30px 50px -18px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.06)}.login-card h2{color:#e2e8f0;font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:2rem;letter-spacing:-0.2px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:0.8rem;width:100%;padding:0.9rem 1rem;border:1px solid rgba(255,255,255,0.18);border-radius:8px;font-size:0.95rem;font-weight:500;cursor:pointer;text-decoration:none;color:#f0f4ff;background:rgba(8,15,22,0.75);backdrop-filter:blur(12px);margin-bottom:0.9rem;transition:background 0.2s,border-color 0.2s;box-shadow:0 6px 14px rgba(0,0,0,0.4)}.oauth-btn:hover{background:rgba(20,30,44,0.8);border-color:rgba(255,255,255,0.3)}.oauth-btn.google{border-color:rgba(234,67,53,0.5)}.oauth-btn.google:hover{background:rgba(40,25,25,0.8);border-color:#ea4335}.oauth-btn.github{border-color:rgba(110,118,129,0.55)}.oauth-btn.github:hover{background:rgba(26,32,42,0.85);border-color:#8b949e}.oauth-btn svg{width:21px;height:21px;flex-shrink:0}.divider{display:flex;align-items:center;margin:1.5rem 0;color:#94a3b8;font-size:0.8rem;letter-spacing:0.3px;text-transform:uppercase}.divider::before,.divider::after{content:'';flex:1;border-top:1px solid rgba(255,255,255,0.1)}.divider span{padding:0 1.2rem}.info-text{color:#b9ccf0;font-size:0.85rem;text-align:center;margin-top:1.5rem;background:rgba(0,0,0,0.25);padding:0.7rem 1rem;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:0.4rem;flex-wrap:wrap}.info-text a{color:#86efac;text-decoration:none;font-weight:600;margin-left:0.2rem}.info-text a:hover{text-decoration:underline;color:#b9f5d8}.alert-message{color:#fbbf24;text-align:center;font-size:0.85rem;margin-bottom:1rem;background:rgba(251,191,36,0.1);padding:0.6rem;border-radius:8px;border:1px solid rgba(251,191,36,0.3)}@media (max-width:480px){.login-card{padding:1.8rem 1.3rem}.oauth-btn{font-size:0.9rem;padding:0.8rem 0.8rem}body{padding:1rem}}