:root{--primary-blue:#000;--dark-blue:#1a1a1a;--light-blue:#6a6a6a;--bg-dark:#fff;--bg-dark-secondary:#f2f2f2;--bg-card:#e6e6e6;--text-primary:#000;--text-secondary:#555;--accent-gradient:linear-gradient(135deg,#000 0%,#555 100%);--shadow-glow:0 0 25px #00000026;--shadow-card:0 10px 35px #00000026}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:radial-gradient(circle at 20%,#0000000d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#0000000d 0%,#0000 50%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 40%,#0000000f 0%,#0000 50%),radial-gradient(circle at 70% 70%,#0000000f 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #0000001a;background:#ffffffe6!important}.navbar-brand h1{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.8rem}.navbar-toggler{border-color:var(--primary-blue)!important}.navbar-toggler-icon{filter:brightness(0)}.header{z-index:1;background:0 0;padding:6rem 1rem 4rem;position:relative}.header-content{max-width:900px;margin:0 auto;animation:.8s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.main-title{margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2}.highlight{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.type-wrap{justify-content:center;align-items:center;height:0;margin:1.5rem 0;display:flex}.type-wrap span{color:var(--light-blue);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600}.header-description{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1.1rem;line-height:1.6}.form-control,.form-select{background:#334155cc;border:2px solid #0003;transition:all .3s;color:var(--text-primary)!important}.form-control:focus,.form-select:focus{border-color:var(--primary-blue)!important;box-shadow:0 0 0 .2rem #3b82f640,var(--shadow-glow)!important;color:var(--text-primary)!important;background:#00000026!important}.form-control::placeholder{color:var(--text-secondary);opacity:.7}.form-select option{background:var(--bg-dark-secondary);color:var(--text-primary)}button.btn{text-transform:uppercase;letter-spacing:.5px;font-weight:600;transition:all .3s;position:relative;overflow:hidden;color:#fff!important;background:linear-gradient(135deg,#000 0%,#444 100%)!important;border:none!important}button.btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}button.btn:hover:before{left:100%}button.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000040}button.btn:active{transform:translateY(0)}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-card);transition:all .3s;background:#e6e6e6cc!important;border:1px solid #00000026!important;border-radius:20px!important}.card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #ffffff1a;border-color:#000!important}.card-body{padding:2rem!important}.card-title{font-weight:700;color:var(--text-primary)!important}.card-text{color:var(--text-secondary)!important}.list-group-item{transition:background .3s;color:var(--text-primary)!important;background:#1e293b80!important;border-color:#3b82f633!important}.list-group-item:hover{background:#1e293bcc!important}.list-group-item h4,.list-group-item h5{color:var(--text-primary)!important}.img-fluid,.img-thumbnail{border-radius:15px;background:var(--bg-dark-secondary)!important;border:2px solid #0003!important}.spinner-border{animation:1s linear infinite spin;color:var(--primary-blue)!important}@keyframes spin{to{transform:rotate(360deg)}}h2{color:var(--text-primary);text-shadow:0 2px 10px #3b82f64d;font-weight:700}#tutorial{background:0 0;padding:4rem 0}#tutorial h1{color:var(--text-primary);text-shadow:0 2px 15px #3b82f666}#tutorial .container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-card);border:1px solid #3b82f633;border-radius:25px;background:#1e293b99!important}#tutorial h3{color:var(--light-blue);margin-bottom:1rem;font-weight:700}#tutorial p{color:var(--text-secondary);line-height:1.8}#tutorial a{color:var(--primary-blue);font-weight:600;text-decoration:none;transition:color .3s}#tutorial a:hover{color:var(--light-blue);text-decoration:underline}#benefit{padding:4rem 0}#benefit h1{color:var(--text-primary);text-shadow:0 2px 15px #3b82f666}.card-hover{box-shadow:0 15px 50px #00000026;background:#d4d4d4cc!important;border:1px solid #0003!important}.card-hover:hover{box-shadow:0 20px 60px #0003;border-color:#000!important}::placeholder{opacity:.7;color:#383838!important}.card-hover img{filter:brightness(0)saturate()invert(56%)sepia(94%)saturate(1815%)hue-rotate(201deg)brightness(103%)contrast(92%);transition:transform .3s}.card-hover:hover img{transform:scale(1.1)rotate(5deg)}footer{border-top:1px solid #0000001a;background:#fffffff2!important}footer h4,footer h5{color:var(--text-primary)}footer a{color:var(--primary-blue);text-decoration:none;transition:color .3s}footer a:hover{color:var(--light-blue)}footer img{filter:brightness(0)saturate()invert(56%)sepia(94%)saturate(1815%)hue-rotate(201deg)brightness(103%)contrast(92%);transition:transform .3s,filter .3s}footer img:hover{filter:brightness(0)saturate()invert(76%)sepia(58%)saturate(1815%)hue-rotate(201deg)brightness(103%)contrast(92%);transform:scale(1.2)}.text-danger{font-weight:500;color:#ef4444!important}.text-muted{color:var(--text-secondary)!important}@media (max-width:768px){.header{padding:5rem 1rem 3rem}.main-title{font-size:2rem}.card{margin:1rem 0}#tutorial .container{padding:2rem 1rem!important}}html{scroll-behavior:smooth}::selection{color:#fff;background:#000}::-moz-selection{background:var(--primary-blue);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#000}::-webkit-scrollbar-thumb:hover{background:#444}.btn-primary{background:var(--accent-gradient)!important;border:none!important}.btn-primary:hover{box-shadow:0 10px 25px #3b82f666!important}.offcanvas{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172afa!important;border-left:1px solid #3b82f633!important}.offcanvas-header{border-bottom-color:#3b82f633!important}.offcanvas-title{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-close{filter:brightness(0)saturate()invert()}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-hover{animation:6s ease-in-out infinite cardFloat}.card-hover:nth-child(2){animation-delay:2s}.card-hover:nth-child(3){animation-delay:4s}