@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}:root{--primary-gradient: linear-gradient( 135deg, #000000 0%, #1a1a1a 50%, #333333 100% );--secondary-gradient: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);--accent-gradient: linear-gradient(135deg, #333333 0%, #000000 100%);--card-live: linear-gradient( 135deg, #1a1a1a 0%, #2d2d2d 100% );--card-coming-soon: linear-gradient( 135deg, #2d2d2d 0%, #1a1a1a 100% )}.demo-card{transition:all .3s ease;background:var(--card-live);border:1px solid #333333;color:#fff}.demo-card:hover,.demo-card-alt:hover,.demo-card-green:hover,.demo-card-orange:hover,.demo-card-purple:hover,.demo-card-blue:hover{transform:translateY(-8px);box-shadow:0 25px 50px #0000004d;border-color:#555;background:linear-gradient(135deg,#4db985,#c4ceed);transition-duration:.4s;transition:all}:is(.demo-card:hover,.demo-card-alt:hover,.demo-card-green:hover,.demo-card-orange:hover,.demo-card-purple:hover,.demo-card-blue:hover) #hover-togather-1{color:#15275d}:is(.demo-card:hover,.demo-card-alt:hover,.demo-card-green:hover,.demo-card-orange:hover,.demo-card-purple:hover,.demo-card-blue:hover) #hover-togather{background:linear-gradient(135deg,#4db985,#c4ceed 100%100%);color:#072684}:is(.demo-card:hover,.demo-card-alt:hover,.demo-card-green:hover,.demo-card-orange:hover,.demo-card-purple:hover,.demo-card-blue:hover) #neavyyy{color:#072684}.demo-card-base{transition:all .3s ease;border:1px solid #333}.demo-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #0000004d;border-color:#555}.demo-card-alt{background:var(--card-live);border:1px solid #333333;color:#fff}.demo-card-alt:hover{box-shadow:0 25px 50px #0000004d;border-color:#555}.demo-card-green{background:var(--card-live);border:1px solid #333333;color:#fff}.demo-card-green:hover{box-shadow:0 25px 50px #0000004d;border-color:#555}.demo-card-orange{background:var(--card-coming-soon);border:1px solid #333333;color:#fff}.demo-card-orange:hover{box-shadow:0 25px 50px #0000004d;border-color:#555}.demo-card-purple{background:linear-gradient(135deg,#1a1a1a,#000);border:1px solid #333333}.demo-card-purple:hover{box-shadow:0 25px 50px #0000004d;border-color:#555}.demo-card-blue{background:linear-gradient(135deg,#333,#1a1a1a);border:1px solid #333333}.demo-card-blue:hover{box-shadow:0 25px 50px #0000004d;border-color:#555}.status-badge{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.login-form{background:#0006;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 40px #0009;border-radius:20px;padding:40px 30px;color:#fff;position:relative;z-index:10}.login-form h1{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:6px}.login-form p{color:#cfcfcf}.login-form input{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:8px;transition:all .3s ease}.login-form input::placeholder{color:#aaa}.login-form input:focus{border-color:#888;background:#ffffff1f;outline:none}.login-form label{color:#d8d8d8}.login-form .text-sm{color:#bbb}.login-form button[type=button]{color:#6fb1fc}.login-form button[type=button]:hover{color:#fff}.login-form button[type=submit]{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;transition:all .3s ease}.login-form button[type=submit]:hover{background:#ffffff40;transform:translateY(-2px)}.login-form:before{content:"";position:absolute;top:-100px;left:-100px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);z-index:0;filter:blur(30px);animation:pulseGlow 6s infinite alternate ease-in-out}@keyframes pulseGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.7;transform:scale(1.1)}}.floating-shape{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 6s ease-in-out infinite}.floating-shape:nth-child(1){width:80px;height:80px;top:10%;left:10%;animation-delay:0s}.floating-shape:nth-child(2){width:120px;height:120px;top:70%;right:10%;animation-delay:2s}.floating-shape:nth-child(3){width:60px;height:60px;top:40%;right:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.portfolio-image{transition:transform .3s ease}.portfolio-image:hover{transform:scale(1.05)}.tech-badge{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}