:root{--bg:#0b0b0c;--bg-secondary:#111214;--surface:#111214;--text:#e9e9ec;--text-secondary:#b7b7c2;--muted:#b7b7c2;--border:hsla(0,0%,100%,.08);--primary:#6aa8ff;--accent:#6aa8ff;--accent-2:#9b8cff;--radius:14px;--radius-sm:999px;--shadow:0 10px 30px rgba(0,0,0,.4)}*{box-sizing:border-box}body,html{height:100%}button:hover+.auth-tooltip{opacity:1!important}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.container{width:min(1120px,92vw);margin-inline:auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);background:rgba(10,10,12,.45);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;padding:clamp(10px,2vh,14px) 0;width:100%;position:relative}.brand{color:var(--text);text-decoration:none;font-weight:600;letter-spacing:.2px;margin-left:clamp(8px,2vw,20px);z-index:2;font-size:clamp(14px,3vw,16px)}.header-hero-visual{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(50px,15vw,80px);height:clamp(50px,15vw,80px);border-radius:50%;background:radial-gradient(closest-side,rgba(106,168,255,.65),rgba(106,168,255,0) 70%),radial-gradient(closest-side,rgba(155,140,255,.45),rgba(155,140,255,0) 70%),radial-gradient(closest-side,hsla(0,0%,100%,.08),hsla(0,0%,100%,0) 70%);background-blend-mode:screen;filter:blur(8px);z-index:1}.nav-links{list-style:none;display:flex;gap:clamp(8px,2vw,18px);padding:0;align-items:center;margin:0 clamp(8px,2vw,20px) 0 0;z-index:2}.nav a{color:var(--text);text-decoration:none;opacity:.9;font-size:clamp(13px,2.5vw,16px)}.nav a:hover{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text);text-decoration:none;background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.02));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06);transition:transform .2s ease,background .2s ease,border-color .2s ease;font-size:clamp(12px,2vw,16px);white-space:nowrap}.btn.small{height:36px;padding:0 clamp(8px,2vw,14px);font-size:clamp(11px,1.8vw,14px)}.btn.primary{background:linear-gradient(180deg,rgba(123,164,255,.28),rgba(123,164,255,.12));border-color:rgba(123,164,255,.35)}.btn.ghost{background:transparent}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.hero{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:min(8vw,48px);gap:min(8vw,48px);min-height:78vh;align-items:center;padding:clamp(48px,8vw,96px) 0;position:relative}.hero-visual{width:clamp(200px,80%,500px);max-width:100%;aspect-ratio:1/1.414;border-radius:var(--radius);background-image:url(https://ivaninhomainstrg.blob.core.windows.net/defaultimg/BDF7FA79-77CE-40FB-9DD9-5EE3A16913B6_page-0001.jpg);background-size:contain;background-position:50%;background-repeat:no-repeat;border:1px solid var(--border);box-shadow:var(--shadow);position:relative;margin:0 auto}.hero-content .display{font-size:clamp(40px,6vw,68px);line-height:1.05;letter-spacing:-.02em;margin:0 0 16px}.lead{color:var(--muted);font-size:clamp(16px,2.2vw,20px);margin:0 0 24px}.actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.gradient-text{background:linear-gradient(90deg,#fff,#cfd8ff,#b3a6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.section{padding:clamp(48px,7vw,96px) 0}.section-title{font-size:clamp(28px,3.4vw,40px);line-height:1.2;margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:18px;gap:18px}.card{grid-column:span 12;background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.02));border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.35);border-color:hsla(0,0%,100%,.12)}.card-media{aspect-ratio:16/9;background:#0e1016}.card-media.placeholder{background:radial-gradient(80% 60% at 60% 20%,rgba(106,168,255,.25),rgba(106,168,255,0) 60%),radial-gradient(70% 50% at 30% 80%,rgba(155,140,255,.2),rgba(155,140,255,0) 60%),linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.01));border-bottom:1px solid var(--border)}.card-body{padding:18px}.card-body h3{margin:2px 0 6px;font-size:20px}.card-body p{margin:0 0 10px;color:var(--muted)}.link{color:#cfd8ff;text-decoration:none}.link:hover{text-decoration:underline}.about{display:grid;grid-template-columns:1fr}.tags{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:18px 0 0;list-style:none}.tags li{border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;background:linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));font-size:14px;color:var(--text)}.contact{text-align:center}.site-footer{padding:28px 0 48px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}.reveal{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.login-container{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.login-card{background:linear-gradient(180deg,var(--surface),rgba(17,18,20,.95));border:1px solid var(--border);border-radius:var(--radius);padding:48px;max-width:420px;width:100%;box-shadow:var(--shadow)}.auth-tabs{display:flex;gap:8px;margin-bottom:32px;background:hsla(0,0%,100%,.03);padding:6px;border-radius:var(--radius-sm)}.auth-tab{flex:1 1;padding:10px 20px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.auth-tab.active{background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04));color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.2)}.auth-tab:hover:not(.active){color:var(--text);opacity:.8}.tab-content{display:none}.tab-content.active{display:block}.login-title{margin:0 0 8px;font-size:32px;font-weight:700;text-align:center}.login-subtitle{margin:0 0 32px;text-align:center;color:var(--muted);font-size:15px}.login-header{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.login-header .logo-left,.login-header .logo-right{width:64px;height:64px;object-fit:contain}.login-header .logo-left{margin-right:12px}.login-header .logo-right{margin-left:12px}@media (max-width:720px){.login-header .logo-left,.login-header .logo-right{width:56px;height:56px}.login-title{font-size:24px}}@media (max-width:480px){.login-header{gap:10px}.login-header .logo-left,.login-header .logo-right{width:44px;height:44px}.login-title{font-size:20px}}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{font-size:14px;font-weight:500;color:var(--text)}.form-group input{width:100%;padding:12px 16px;background:hsla(0,0%,100%,.03);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:15px;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--accent);background:hsla(0,0%,100%,.05)}.form-group small{display:block;margin-top:4px;font-size:12px;color:var(--muted)}.btn-login{width:100%;padding:14px 24px;margin-top:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(106,168,255,.3)}.btn-login:active{transform:translateY(0)}.divider{position:relative;text-align:center;margin:24px 0}.divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:var(--border)}.divider span{position:relative;background:linear-gradient(180deg,var(--surface),rgba(17,18,20,.95));padding:0 12px;color:var(--muted);font-size:14px}.error-message{background:hsla(0,100%,71%,.1);border:1px solid hsla(0,100%,71%,.3);border-radius:8px;color:#ff6a6a}.error-message,.success-message{padding:12px 16px;font-size:14px;text-align:center}.success-message{background:rgba(106,255,140,.1);border:1px solid rgba(106,255,140,.3);border-radius:8px;color:#6aff8c}.db-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(11,11,12,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.db-loading-overlay.active{opacity:1;pointer-events:all}.db-loading-content{text-align:center;padding:40px;max-width:500px}.db-loading-content h3{font-size:clamp(20px,4vw,24px);margin:0 0 16px;color:var(--text)}.db-loading-content p{color:var(--muted);font-size:clamp(14px,2.5vw,16px);margin:0 0 24px;line-height:1.5}.db-countdown{font-size:clamp(32px,8vw,48px);font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;margin:16px 0}.db-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:24px auto 0}.auth-controls{display:inline-flex;align-items:center;gap:8px}@keyframes spin{to{transform:rotate(1turn)}}@media (min-width:720px){.grid .card{grid-column:span 6}}@media (min-width:1040px){.grid .card{grid-column:span 4}}@media (max-width:900px){.hero{grid-template-columns:1fr}.hero-visual{order:-1}}