*{margin:0;padding:0;box-sizing:border-box}:root{--deep-navy: #0a0e1a;--slate: #1a1f2e;--blue-steel: #2d3548;--amber: #ff9500;--amber-glow: #ffb347;--ice-blue: #667eea;--violet: #764ba2;--warm-white: #f4f1ea;--silver: #cbd5e1;--muted: #94a3b8}body{font-family:Crimson Pro,Georgia,serif;background:var(--deep-navy);color:var(--warm-white);line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.container{max-width:1400px;margin:0 auto;padding:0 40px;position:relative;z-index:2}header{display:grid;grid-template-columns:auto 1fr auto;align-items:start;padding:60px 0 40px;gap:40px;border-bottom:1px solid rgba(255,149,0,.15);position:relative}header:after{content:"";position:absolute;bottom:-1px;left:0;width:240px;height:2px;background:linear-gradient(90deg,var(--amber) 0%,transparent 100%);animation:scan 3s ease-in-out infinite}@keyframes scan{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(200px);opacity:1}}.brand{display:flex;align-items:baseline;gap:12px;text-decoration:none}.brand h1{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--warm-white);text-transform:uppercase}.lock-icon{font-size:28px;filter:drop-shadow(0 0 8px rgba(255,149,0,.4))}.tagline{font-size:14px;color:var(--muted);font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.1em;align-self:center;opacity:0;animation:fadeInUp .8s .3s forwards;display:flex;gap:24px}.tagline span{display:flex;align-items:center;gap:8px}.tagline span:before{content:"◆";color:var(--amber);font-size:10px}.nav-controls{display:flex;gap:16px;align-items:center}.nav-link{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--silver);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;padding:8px 16px;border:1px solid rgba(255,255,255,.1);transition:all .3s;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,149,0,.1),transparent);transition:left .5s}.nav-link:hover:before{left:100%}.nav-link:hover{border-color:var(--amber);color:var(--amber-glow)}.page-hero{padding:60px 0 40px;max-width:800px}.page-hero h1{font-family:Crimson Pro,serif;font-size:48px;font-weight:700;line-height:1.15;margin-bottom:20px;color:var(--warm-white)}.page-hero h1 .highlight{color:var(--amber)}.page-hero .hero-description{font-size:20px;color:var(--silver);line-height:1.7;max-width:640px}.main-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;padding:40px 0 80px;align-items:start}.drop-section{opacity:0;animation:fadeInUp .8s .5s forwards}.section-label{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--amber);text-transform:uppercase;letter-spacing:.15em;margin-bottom:24px;display:flex;align-items:center;gap:12px}.section-label:before{content:"";width:40px;height:1px;background:var(--amber)}.drop-zone{background:linear-gradient(135deg,#667eea08,#764ba208);border:2px dashed rgba(255,149,0,.3);padding:80px 60px;position:relative;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.drop-zone:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--amber),var(--ice-blue),var(--violet),var(--amber));background-size:400% 400%;opacity:0;transition:opacity .4s;z-index:-1;animation:gradientFlow 8s ease infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.drop-zone:hover:before,.drop-zone.drag-over:before{opacity:.15}.drop-zone:hover{border-color:var(--amber);transform:translateY(-4px)}.drop-zone.drag-over{border-color:var(--amber-glow);background:#ff95000d}.drop-content{text-align:center}.drop-icon{font-size:72px;margin-bottom:32px;display:inline-block;opacity:.7;transition:transform .3s}.drop-zone:hover .drop-icon{transform:scale(1.1) rotate(-5deg)}.drop-title{font-family:Crimson Pro,serif;font-size:32px;font-weight:700;margin-bottom:16px;color:var(--warm-white);line-height:1.2}.drop-subtitle{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:40px}.select-btn{background:transparent;border:2px solid var(--amber);color:var(--amber);padding:16px 48px;font-family:JetBrains Mono,monospace;font-size:13px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.select-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--amber);border-radius:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s}.select-btn:hover:before{width:300px;height:300px}.select-btn:hover{color:var(--deep-navy);border-color:var(--amber-glow)}.select-btn span{position:relative;z-index:1}.file-list{display:none;margin-top:40px;padding:32px;background:#1a1f2e66;border:1px solid rgba(255,149,0,.15)}.file-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,149,0,.15)}.file-list-title{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--amber);text-transform:uppercase;letter-spacing:.1em}.clear-files{font-family:JetBrains Mono,monospace;font-size:11px;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--silver);padding:8px 16px;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .3s}.clear-files:hover{border-color:var(--amber);color:var(--amber)}.progress-container{margin-top:40px;padding:32px;background:#1a1f2e66;border:1px solid rgba(255,149,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-label{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--amber);text-transform:uppercase;letter-spacing:.1em}.progress-percent{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--amber-glow);font-weight:700}.progress-bar{position:relative;width:100%;height:8px;background:#0006;border:1px solid rgba(255,149,0,.2);overflow:hidden;margin-bottom:16px}.progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--amber) 0%,var(--amber-glow) 100%);width:0%;transition:width .3s ease-out;box-shadow:0 0 10px #ff950099}.progress-glow{position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,149,0,.3) 100%);opacity:0;animation:progressPulse 1.5s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:0}50%{opacity:1}}.progress-details{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted)}.progress-file{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls-section{opacity:0;animation:fadeInUp .8s .7s forwards;position:sticky;top:40px}.control-card{background:#1a1f2e99;border:1px solid rgba(255,149,0,.2);padding:48px 40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-title{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--amber);text-transform:uppercase;letter-spacing:.12em;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid rgba(255,149,0,.2)}.input-group{margin-bottom:32px}.input-label{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--silver);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;display:block}.password-wrapper{position:relative}.password-input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);padding:16px 50px 16px 16px;font-family:JetBrains Mono,monospace;font-size:14px;color:var(--warm-white);transition:all .3s}.password-input:focus{outline:none;border-color:var(--amber);background:#00000080;box-shadow:0 0 0 3px #ff95001a}.toggle-visibility{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:20px;opacity:.5;transition:opacity .3s}.toggle-visibility:hover{opacity:1}.password-strength{margin-top:12px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted)}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}.action-btn{padding:20px;font-family:JetBrains Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .3s;border:none;position:relative;overflow:hidden}.encrypt-btn{background:linear-gradient(135deg,var(--ice-blue),var(--violet));color:#fff}.decrypt-btn{background:transparent;border:2px solid var(--amber);color:var(--amber)}.action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.security-badge{margin-top:40px;padding:24px;background:#ff95000d;border-left:3px solid var(--amber)}.badge-title{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--amber);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.badge-text{font-size:14px;color:var(--silver);line-height:1.6}.content-section{max-width:800px;margin:0 auto;padding:80px 0;border-top:1px solid rgba(255,149,0,.1)}.content-section h2{font-family:Crimson Pro,serif;font-size:32px;font-weight:700;margin-bottom:24px;color:var(--warm-white)}.content-section p{font-size:18px;color:var(--silver);line-height:1.8;margin-bottom:20px}.content-section ul{list-style:none;padding:0;margin:24px 0}.content-section ul li{font-size:17px;color:var(--silver);line-height:1.7;padding:12px 0 12px 32px;position:relative;border-bottom:1px solid rgba(255,255,255,.04)}.content-section ul li:before{content:"";position:absolute;left:0;top:20px;width:16px;height:2px;background:var(--amber)}.faq-section{max-width:800px;margin:0 auto;padding:0 0 80px}.faq-section h2{font-family:Crimson Pro,serif;font-size:32px;font-weight:700;margin-bottom:40px;color:var(--warm-white)}.faq-item{border-bottom:1px solid rgba(255,149,0,.1);padding:28px 0}.faq-item h3{font-family:JetBrains Mono,monospace;font-size:15px;color:var(--amber-glow);margin-bottom:12px;font-weight:400}.faq-item p{font-size:17px;color:var(--silver);line-height:1.7}.related-pages{max-width:800px;margin:0 auto;padding:60px 0 80px;border-top:1px solid rgba(255,149,0,.1)}.related-pages h2{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--amber);text-transform:uppercase;letter-spacing:.15em;margin-bottom:32px}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.related-link{display:block;padding:20px 24px;background:#1a1f2e66;border:1px solid rgba(255,255,255,.06);text-decoration:none;color:var(--silver);font-family:JetBrains Mono,monospace;font-size:13px;transition:all .3s}.related-link:hover{border-color:var(--amber);color:var(--amber-glow);transform:translateY(-2px)}.related-link .link-icon{display:block;font-size:28px;margin-bottom:12px}footer{border-top:1px solid rgba(255,149,0,.15);padding:60px 0 40px;margin-top:0;text-align:center}.footer-links{display:flex;justify-content:center;gap:32px;margin-bottom:24px}.footer-link{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;transition:color .3s}.footer-link:hover{color:var(--amber)}.copyright{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted);opacity:.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 968px){.main-grid{grid-template-columns:1fr;gap:40px}.controls-section{position:static}header{grid-template-columns:1fr;gap:20px}.tagline{text-align:left}.nav-controls{justify-content:flex-start}.page-hero h1{font-size:36px}.related-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.container{padding:0 20px}.drop-zone{padding:48px 24px}.control-card{padding:32px 24px}.page-hero h1{font-size:28px}.related-grid{grid-template-columns:1fr}}