.hero{min-height:100vh;max-height:700px;padding-top:140px;padding-bottom:70px;background:linear-gradient(180deg,#2c125e 0,#060818 60%,#14072b 100%);background:var(--hero-gradient);display:flex;align-items:center;position:relative;overflow:hidden}@media (min-height:850px){.hero{min-height:700px}}.hero::before{content:'';position:absolute;top:20%;left:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(var(--accent-cyan-rgb),.15) 0,rgba(var(--accent-cyan-rgb),0) 70%);z-index:1;pointer-events:none}.hero-container{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;position:relative;z-index:2}.hero-content{display:flex;flex-direction:column;gap:25px}.hero-title{font-size:3rem;font-weight:var(--fw-black);color:var(--text-white);line-height:1.4}.highlight-cyan{color:var(--accent-cyan)}.hero-subtitle{font-size:1.25rem;font-weight:var(--fw-light);color:var(--text-muted);max-width:580px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:15px}.actions-or{font-size:1.1rem;color:var(--text-muted);font-weight:var(--fw-medium)}.hero-image-wrapper{perspective:1000px;display:flex;justify-content:center;align-items:center}.mockup-frame{transform:none;transition:transform .6s cubic-bezier(.165, .84, .44, 1),box-shadow .6s ease;box-shadow:0 25px 50px -12px rgba(0,0,0,.7),0 0 40px rgba(var(--bg-purple-rgb),.25);border-radius:16px;border:1px solid var(--border-color-medium);overflow:hidden;max-width:500px;background-color:var(--bg-mockup)}.mockup-frame:hover{transform:translateY(-8px);box-shadow:0 35px 60px -10px rgba(0,0,0,.8),0 0 50px rgba(var(--accent-cyan-rgb),.3)}.mockup-img{width:100%;height:auto;object-fit:cover;display:block}@media (max-width:992px){.hero{padding-top:140px;padding-bottom:60px;min-height:auto;max-height:none}.hero-container{grid-template-columns:1fr;gap:50px;text-align:center}.hero-content{align-items:center}.hero-subtitle{margin:0 auto}.hero-actions{justify-content:center}.hero-image-wrapper{order:2}.mockup-frame{transform:none;max-width:440px}.mockup-frame:hover{transform:translateY(-5px)}}@media (max-width:576px){.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.hero-actions{flex-direction:row;justify-content:center;align-items:center;width:100%;gap:15px}.hero-actions .btn{flex:1;width:auto;font-size:.95rem;padding:12px 16px;white-space:nowrap}.actions-or{display:inline-block;font-size:.95rem;flex-shrink:0}}body.light-mode .mockup-frame{box-shadow:0 20px 40px -10px rgba(25,30,58,.12),0 0 20px rgba(25,30,58,.04);border-color:rgba(25,30,58,.06)}body.light-mode .mockup-frame:hover{transform:translateY(-8px);box-shadow:0 30px 50px -10px rgba(25,30,58,.18),0 0 30px rgba(25,30,58,.08);border-color:rgba(37,212,227,.25)}