*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}html{scroll-behavior:smooth}.container{width:100%;min-height:100vh;transition:.5s}.hero{min-height:100vh;width:100%;background-size:cover;background-repeat:no-repeat;padding:5px 0;background-position:center top}.container.light .hero{background:linear-gradient(#fff9,#fff9),url(/assets/background_light-BmyUS4mf.png)}.container.dark .hero{background:linear-gradient(#0009,#0009),url(/assets/background_dark-BFd4E1Pw.png)}.navbar{width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:15px 7%;transition:.2s;background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.2);position:sticky;top:0;z-index:1000}.navbar a{text-decoration:none;color:inherit}.logo{width:160px;cursor:pointer}ul{flex:1;list-style:none;text-align:center}li{display:inline-block;margin:10px 20px;font-size:18px;cursor:pointer}.toggle{width:50px;cursor:pointer;margin-left:40px}.dark .navbar{background-color:#000;color:#fff;border-bottom:1px solid rgba(255,255,255,.15)}.lang-select{padding:6px 10px;border-radius:6px;cursor:pointer;margin-left:20px}.lang-btn{padding:6px 14px;border-radius:6px;border:none;cursor:pointer;font-size:14px;margin-left:20px;transition:.3s}.lang-btn{background:#000;color:#fff}.dark .lang-btn,.dark .lang-select{background:#fff;color:#000}.menu-icon{display:none;font-size:26px;cursor:pointer}@media(max-width:768px){ul{display:none;position:absolute;top:70px;right:7%;background:inherit;width:200px;padding:20px;text-align:left;border-radius:10px}ul.open{display:block}li{display:block;margin:15px 0}.menu-icon{display:block;margin-left:20px}}.hero{min-height:calc(100vh - 70px);padding:60px 7%;display:flex;align-items:center}.hero-content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:40px}.hero-left{max-width:520px;margin-left:30px}.hero-left h1{font-size:44px;line-height:1.2;margin-bottom:20px}.hero-left h1 span{color:#22c55e}.hero-sub{font-size:18px;margin-bottom:10px}.hero-desc{font-size:15px;line-height:1.6;opacity:.85;margin-bottom:25px}.hero-btn{padding:12px 28px;border:none;border-radius:30px;background:#22c55e;color:#fff;font-size:16px;cursor:pointer}.hero-right{flex:1;display:flex;justify-content:flex-end;align-items:center;padding-right:20px}.generator-card{width:420px;padding:20px;max-width:100%;border-radius:16px;background:#fff9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px #00000026}.generator-card h3{margin-bottom:15px}.tabs{display:flex;gap:8px;margin-bottom:15px}.tabs button{flex:1;padding:6px;border-radius:8px;border:none;cursor:pointer;background:#e5e7eb}.password-box{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px 12px;border-radius:10px;margin-bottom:15px}.actions button{background:none;border:none;cursor:pointer;font-size:16px}.length{margin-bottom:15px}.length input{width:100%}.options{display:flex;flex-direction:column;gap:10px}.option{display:flex;justify-content:space-between;align-items:center}.option .on{background:#22c55e;color:#fff;padding:2px 10px;border-radius:20px;font-size:12px}.dark .hero-left h1,.dark .hero-left p{color:#fff}.dark .generator-card{background:#00000073;color:#fff}.dark .password-box{background:#0000001a}@media(max-width:900px){.hero-content{flex-direction:column;text-align:center}.hero-left{max-width:100%}.hero-right{justify-content:center;padding-right:0;margin-top:40px}}.generator-card{width:420px;height:560px;padding:20px;border-radius:18px;background:#fff9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column}.container.dark .generator-card{background:#0f172aa6;color:#fff}.gen-header{flex-shrink:0}.tabs{display:flex;gap:6px;margin-bottom:12px}.tabs button{flex:1;padding:6px;border-radius:10px;border:none;cursor:pointer;background:#00000014}.container.dark .tabs button{background:#ffffff1f;color:#fff}.tabs .active{background:#22c55e;color:#fff}.gen-body{flex:1;display:flex;flex-direction:column;gap:14px}.password-display{height:70px;padding:10px;border-radius:12px;background:#ffffffd9;overflow-x:auto;white-space:nowrap}.container.dark .password-display{background:#ffffff1a}.password-text{font-size:18px;font-weight:600}.display-actions{display:flex;gap:10px}.display-actions button{flex:1;padding:8px;border-radius:10px;border:none;cursor:pointer;background:#22c55e;color:#fff;font-weight:500}.length-control{display:flex;align-items:center;justify-content:space-between;gap:10px}.length-control button{width:36px;height:36px;border-radius:50%;border:none;font-size:20px;cursor:pointer}.length-control input[type=number]{width:64px;height:36px;text-align:center;font-size:16px;font-weight:600;border-radius:12px;border:none;outline:none;background:#ffffffd9;color:#111;box-shadow:inset 0 0 0 1.5px #00000026;transition:.25s}.container.dark .length-control input[type=number]{background:#ffffff1f;color:#fff;box-shadow:inset 0 0 0 1.5px #ffffff40}.length-control input[type=number]:focus{box-shadow:inset 0 0 0 2px #22c55e}.length-control input[type=number]::-webkit-inner-spin-button,.length-control input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.length-slider{width:100%}.switch-row{display:flex;justify-content:space-between;align-items:center}.switch{width:44px;height:22px;background:#ccc;border-radius:20px;position:relative;cursor:pointer}.switch.on{background:#22c55e}.knob{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:.3s}.switch.on .knob{left:24px}.strength-section{margin-top:12px;display:flex;flex-direction:column;gap:10px}.strength-row{display:flex;flex-direction:column;gap:6px}.strength-label{font-weight:600;font-size:14px}.strength-label.weak{color:#ef4444}.strength-label.medium{color:#f59e0b}.strength-label.strong{color:#22c55e}.strength-bar{width:100%;height:8px;background:#e5e7eb;border-radius:10px;overflow:hidden}.bar{height:100%;transition:width .4s ease}.bar.weak{background:#ef4444}.bar.medium{background:#f59e0b}.bar.strong{background:#22c55e}.crack-row{font-size:13px;display:flex;gap:6px}.crack-row strong.weak{color:#ef4444}.crack-row strong.medium{color:#f59e0b}.crack-row strong.strong{color:#22c55e}.tips-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:10px;font-size:12px}.tips-row.weak{background:#ef444426;color:#ef4444}.tips-row.medium{background:#f59e0b26;color:#f59e0b}.tips-row.strong{background:#22c55e26;color:#22c55e}.tips-row button{background:none;border:none;cursor:pointer;font-size:14px}.tips-toggle{background:none;border:none;cursor:pointer;font-size:18px;font-weight:700;line-height:1;padding:0 4px}.tips-row span{transition:opacity .3s ease}.hidden{visibility:hidden}.generator-wrapper{position:relative;border-radius:20px}.generator-wrapper:before{content:"";position:absolute;inset:0;padding:3px;border-radius:20px;background-size:300% 300%;opacity:var(--glow-opacity, 0);pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;will-change:background-position,opacity}.generator-wrapper.glow-weak:before{background:linear-gradient(90deg,#5a0000,#f03,#5a0000);filter:drop-shadow(0 0 10px rgba(255,0,0,.8)) drop-shadow(0 0 25px rgba(255,0,0,.6))}.generator-wrapper.glow-medium:before{background:linear-gradient(90deg,#5a3b00,#ffae00,#5a3b00);filter:drop-shadow(0 0 10px rgba(255,170,0,.7)) drop-shadow(0 0 25px rgba(255,170,0,.5))}.generator-wrapper.glow-strong:before{background:linear-gradient(90deg,#003d1f,#0f8,#003d1f);filter:drop-shadow(0 0 10px rgba(0,255,136,.7)) drop-shadow(0 0 25px rgba(0,255,136,.5))}.generator-wrapper.glow:before{opacity:1;animation:borderScan 3.2s linear infinite,glowFade 3.5s ease-out forwards}@keyframes borderScan{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}@keyframes glowFade{0%{opacity:1}80%{opacity:1}to{opacity:0}}.generator-card{position:relative;z-index:1;border-radius:18px}@media(max-width:768px){.generator-wrapper:before{filter:drop-shadow(0 0 6px rgba(255,255,255,.4));animation-duration:4.5s}}.about{min-height:calc(100vh - 70px);padding:90px 7%;background-size:cover;background-position:center;background-repeat:no-repeat}.container.light .about{background-image:url(/assets/about-bg-light-D5lzA2gY.png);color:#000}.container.dark .about{background-image:url(/assets/about-bg-dark-C1_DlL_j.png);color:#fff}.about-wrapper{max-width:1200px;margin:auto}.about-hero h1{font-size:46px;margin-bottom:10px}.about-hero h1 span{color:#22c55e}.about-hero p{max-width:1200px;font-size:18px;line-height:1.7;opacity:.9}.about-section{margin-top:30px}.about-section h2{font-size:28px;margin-bottom:22px}.about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.about-card{padding:24px;border-radius:18px;background:#ffffffbf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.35);box-shadow:0 20px 40px #0000001f;transition:all .35s ease}.container.dark .about-card{background:#0f172abf;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #0009}.about-card h3{margin-bottom:10px}.about-card:hover{transform:translateY(-8px)}.about-section.highlight{padding:20px;border-left:4px solid #22c55e;background:linear-gradient(135deg,#22c55e26,#22c55e08);border-radius:18px}.about-list{list-style:none;padding-left:0}.about-list li{margin-bottom:12px;font-size:16px}.about-footer{margin-top:12px;text-align:center;opacity:.8;font-size:15px;color:#22c55e}.fade-in{animation:fadeUp .9s ease forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.about-hero h1{font-size:34px}.about-section{margin-top:50px}}.developer{min-height:100vh;padding:90px 7%;transition:.4s}.container.light .developer{background:#f3f4f6;color:#111827}.container.dark .developer{background:linear-gradient(180deg,#0f172a,#020617);color:#fff}.developer-wrapper{max-width:1200px;margin:auto}.developer-hero{display:flex;justify-content:space-between;align-items:center;gap:40px}.dev-left h1{font-size:48px;margin-bottom:12px}.dev-left h1 span{color:#22c55e}.dev-left p{max-width:1000px;margin-top:20px;margin-bottom:30px;font-size:18px;opacity:.85}.dev-right img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid #22c55e}.socials{display:flex;gap:100px;margin-top:20px}.socials a{padding:8px 16px;border-radius:20px;border:1px solid #22c55e;text-decoration:none;color:inherit;font-size:14px;transition:.3s}.socials a:hover{background:#22c55e;color:#fff}.projects-section{margin-top:30px}.projects-section h2{font-size:28px;margin-bottom:20px}.project-card{min-width:260px;max-width:260px;flex-shrink:0}.slider-wrapper{position:relative;max-width:1100px;margin:auto}.projects-slider{display:flex;gap:20px;overflow-x:hidden;scroll-behavior:smooth;padding-bottom:12px}.projects-slider::-webkit-scrollbar{height:6px}.projects-slider::-webkit-scrollbar-thumb{background:#22c55e;border-radius:10px}.nav-btn{position:absolute;top:40%;width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;background:#22c55e;color:#fff;font-size:22px}.nav-btn.left{left:-70px}.nav-btn.right{right:-70px}.scroll-hint{margin-top:12px;font-size:13px;opacity:.6}.developer-footer{margin-top:40px;text-align:center;font-size:14px;opacity:.7}@media(max-width:768px){.developer-hero{flex-direction:column;text-align:center}.dev-left h1{font-size:36px}.dev-left p{font-size:16px}}.project-card{padding:22px;border-radius:18px;background:#ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);transition:.35s ease}.project-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000059}.project-card h3{font-size:20px;margin-bottom:10px}.project-desc{font-size:14px;opacity:.85;margin-bottom:14px}.project-tech{font-size:13px;opacity:.7;margin-bottom:14px}.project-btn{padding:8px 18px;border-radius:20px;border:none;cursor:pointer;background:#22c55e;color:#fff;font-size:14px}