body{font-family:'Inter','Noto Sans Sinhala',sans-serif}.glass-card{background:rgba(255,255,255,.76);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);box-shadow:0 25px 60px -25px rgba(15,23,42,.18)}.glow-purple{box-shadow:0 10px 25px -5px rgba(124,58,237,.3)}
@keyframes float-1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,40px) scale(1.15)}}@keyframes float-2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-50px,-30px) scale(1.2)}}@keyframes float-3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-50px) scale(1.1)}}.orb1{animation:float-1 12s ease-in-out infinite}.orb2{animation:float-2 15s ease-in-out infinite}.orb3{animation:float-3 10s ease-in-out infinite}.field{width:100%;border:1px solid #e2e8f0;background:rgba(255,255,255,.8);border-radius:14px;padding:12px 13px;font-size:13px;outline:none;transition:.2s}.field:focus{border-color:#818cf8;box-shadow:0 0 0 4px rgba(99,102,241,.1);background:#fff}.label{display:block;font-size:11px;font-weight:800;color:#475569;margin:0 0 6px 3px}.btn{border:0;border-radius:14px;padding:12px 16px;font-weight:800;font-size:13px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#4f46e5;color:white;box-shadow:0 12px 25px rgba(79,70,229,.22)}.btn-soft{background:#eef2ff;color:#4338ca}.btn-danger{background:#fee2e2;color:#b91c1c}.muted{color:#64748b;font-size:12px}.section-title{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#6366f1}

/* FIX: make profile photos perfectly circular */
.profile-avatar,
.user-avatar,
.avatar {
    border-radius: 50% !important;
    overflow: hidden !important;
    flex-shrink: 0;
}

.profile-avatar img,
.user-avatar img,
.avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
}

/* FINAL PROFILE AVATAR CIRCLE FIX */
a.dbp-avatar {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    aspect-ratio: 1 / 1 !important;
    clip-path: circle(50% at 50% 50%) !important;
}

a.dbp-avatar img {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
    clip-path: circle(50% at 50% 50%) !important;
}

/* SMS authentication redesign */
.auth-page{font-family:'Inter','Noto Sans Sinhala',sans-serif;min-height:100vh;margin:0;color:#0f172a;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:28px 16px;overflow-x:hidden}.auth-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 20% 10%,rgba(99,102,241,.13),transparent 35%),radial-gradient(circle at 85% 80%,rgba(6,182,212,.12),transparent 35%)}.auth-orb{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(70px);opacity:.45}.auth-orb.orb1{background:#818cf8;left:-150px;top:-130px;animation:float-1 14s ease-in-out infinite}.auth-orb.orb2{background:#38bdf8;right:-180px;top:20%;animation:float-2 17s ease-in-out infinite}.auth-orb.orb3{background:#c084fc;left:35%;bottom:-260px;animation:float-3 13s ease-in-out infinite}.auth-shell{width:min(470px,100%);position:relative;z-index:2}.auth-shell-wide{width:min(860px,100%)}.auth-brand{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;margin-bottom:18px}.auth-brand img{width:48px;height:48px;border-radius:16px;object-fit:cover;box-shadow:0 14px 30px rgba(15,23,42,.16)}.auth-brand span{display:flex;flex-direction:column}.auth-brand b{font-size:14px;letter-spacing:.02em;color:#0f172a}.auth-brand small{font-size:9px;font-weight:900;letter-spacing:.18em;color:#6366f1;margin-top:3px}.auth-card{background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);border-radius:30px;padding:30px;box-shadow:0 30px 90px rgba(15,23,42,.16)}.auth-hero{text-align:center;margin-bottom:22px}.eyebrow{font-size:9px;font-weight:900;letter-spacing:.22em;color:#6366f1;margin-bottom:8px}.auth-hero h1{font-size:32px;line-height:1.08;font-weight:900;letter-spacing:-.04em;margin:0}.auth-hero p{font-size:12px;line-height:1.65;color:#64748b;max-width:560px;margin:10px auto 0}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#eef2ff;border-radius:16px;margin-bottom:22px}.auth-tab{border:0;background:transparent;color:#64748b;border-radius:12px;padding:11px;font:800 12px Inter;cursor:pointer;transition:.2s}.auth-tab.active{background:#fff;color:#4338ca;box-shadow:0 5px 18px rgba(15,23,42,.09)}.auth-form{display:block}.input-icon{position:relative}.input-icon>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:2;color:#94a3b8;font-size:13px}.input-icon .field{padding-left:40px}.eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#94a3b8;cursor:pointer;padding:8px}.hint{font-size:11px;color:#94a3b8;margin:7px 2px 16px}.otp-sent{display:flex;align-items:center;gap:12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:17px;padding:12px;margin-bottom:18px}.otp-sent>span{width:38px;height:38px;border-radius:12px;background:#dcfce7;color:#16a34a;display:grid;place-items:center}.otp-sent b,.otp-sent small{display:block}.otp-sent b{font-size:12px}.otp-sent small{font-size:10px;color:#64748b;margin-top:2px}.otp-input{width:100%;height:62px;border:2px solid #e2e8f0;border-radius:18px;background:#fff;text-align:center;font:900 25px/1 Inter;letter-spacing:.42em;outline:none;transition:.2s}.otp-input:focus{border-color:#818cf8;box-shadow:0 0 0 5px rgba(99,102,241,.1)}.otp-actions{display:flex;justify-content:space-between;align-items:center;margin:10px 3px 16px;font-size:11px;color:#94a3b8}.link-btn{border:0;background:transparent;color:#4f46e5;font:800 11px Inter;cursor:pointer;padding:0}.link-btn:disabled{opacity:.4;cursor:not-allowed}.auth-footer{text-align:center;border-top:1px solid #e2e8f0;margin-top:22px;padding-top:18px;font-size:11px;color:#94a3b8}.auth-footer a{font-weight:900;color:#4f46e5;text-decoration:none}.back-link{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px;color:#64748b;text-decoration:none;font-size:11px;font-weight:800}.stepper{display:flex;align-items:center;justify-content:center;margin:0 auto 25px;max-width:500px}.step{display:flex;align-items:center;gap:7px;color:#94a3b8;font-size:10px;font-weight:900;white-space:nowrap}.step span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;color:#64748b}.step.active{color:#4338ca}.step.active span{background:#4f46e5;color:#fff;box-shadow:0 7px 18px rgba(79,70,229,.25)}.step-line{height:1px;background:#e2e8f0;flex:1;margin:0 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .full{grid-column:1/-1}.check-row{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#64748b}.check-row input{margin-top:2px;accent-color:#4f46e5}.otp-stage{text-align:center;padding:8px 0 4px}.otp-icon{width:66px;height:66px;border-radius:22px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;margin:0 auto 16px;font-size:23px}.otp-stage h2{font-size:22px;font-weight:900;margin:0}.otp-stage p{font-size:12px;color:#64748b;margin:8px 0 22px}.otp-stage .otp-input{max-width:420px;margin:auto}.otp-stage .otp-actions{max-width:420px;margin-left:auto;margin-right:auto}@media(max-width:650px){.auth-page{padding:16px}.auth-card{padding:22px;border-radius:24px}.auth-hero h1{font-size:27px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.step b{display:none}.step-line{margin:0 7px}.signup-page{align-items:flex-start;padding-top:18px}}