body{box-sizing:border-box}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:'SF Pro Display',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);color:#fff;overflow-x:hidden}.main-wrapper{width:100%;min-height:100%;overflow-y:auto;padding:80px 20px}.container{max-width:1400px;margin:0 auto}.hero{text-align:center;margin-bottom:120px;position:relative}.hero::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(138,43,226,.15) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1}.hero h1{font-size:84px;font-weight:700;margin-bottom:24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-3px;line-height:1.1}.hero h2{font-size:28px;font-weight:400;margin-bottom:32px;color:rgba(255,255,255,.85);letter-spacing:.5px}.hero p{font-size:18px;margin-bottom:48px;color:rgba(255,255,255,.7);max-width:700px;margin-left:auto;margin-right:auto;line-height:1.8;font-weight:300}.download-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:20px 56px;font-size:18px;font-weight:600;border-radius:60px;cursor:pointer;box-shadow:0 20px 60px rgba(102,126,234,.4);transition:all 0.4s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden}.download-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left 0.5s}.download-btn:hover::before{left:100%}.download-btn:hover{transform:translateY(-3px);box-shadow:0 25px 70px rgba(102,126,234,.5)}.download-btn:active{transform:translateY(-1px)}.progress-section{display:none;text-align:center;margin:100px 0;padding:60px 40px;background:rgba(255,255,255,.03);border-radius:30px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.3)}.progress-section.active{display:block;animation:fadeInUp 0.6s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.progress-text{font-size:24px;font-weight:300;margin-bottom:32px;letter-spacing:1px;color:rgba(255,255,255,.9)}.progress-bar-container{width:100%;max-width:700px;height:8px;background:rgba(255,255,255,.1);border-radius:10px;margin:0 auto 32px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,#667eea 0%,#764ba2 50%,#f093fb 100%);border-radius:10px;width:0%;transition:width 0.3s ease;box-shadow:0 0 30px rgba(102,126,234,.6);position:relative}.progress-bar::after{content:'';position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5));animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(-100px)}100%{transform:translateX(100%)}}.progress-percentage{font-size:48px;font-weight:200;background:linear-gradient(135deg,#667eea 0%,#f093fb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.meme-section{display:none;text-align:center;margin:100px 0;animation:scaleIn 0.8s cubic-bezier(.4,0,.2,1)}.meme-section.active{display:block}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.meme-frame{max-width:900px;margin:0 auto;background:rgba(255,255,255,.05);padding:50px;border-radius:30px;box-shadow:0 30px 80px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px)}.meme-placeholder{width:100%;height:550px;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:22px;color:rgba(255,255,255,.4);font-weight:300;flex-direction:column;gap:24px;border:1px solid rgba(255,255,255,.08);letter-spacing:1px;padding:20px}.meme-placeholder img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px}.meme-icon{font-size:72px;filter:drop-shadow(0 0 20px rgba(102,126,234,.5))}.success-message{margin-top:40px;font-size:28px;font-weight:300;background:linear-gradient(135deg,#667eea 0%,#f093fb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.ram-section{margin:120px 0}.section-header{text-align:center;margin-bottom:70px}.section-title{font-size:56px;font-weight:600;margin-bottom:20px;background:linear-gradient(135deg,#667eea 0%,#f093fb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.section-subtitle{font-size:18px;color:rgba(255,255,255,.6);font-weight:300;letter-spacing:.5px}.ram-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:80px}.ram-card{background:rgba(255,255,255,.03);border-radius:24px;padding:40px 32px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);transition:all 0.4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ram-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,transparent);opacity:0;transition:opacity 0.4s}.ram-card:hover::before{opacity:1}.ram-card:hover{transform:translateY(-8px);box-shadow:0 30px 70px rgba(102,126,234,.3);border-color:rgba(102,126,234,.3);background:rgba(255,255,255,.05)}.ram-capacity{font-size:42px;font-weight:600;margin-bottom:28px;background:linear-gradient(135deg,#667eea 0%,#f093fb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.ram-spec{margin-bottom:20px}.ram-spec label{display:block;font-size:12px;font-weight:500;margin-bottom:10px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:1px}.ram-spec select{width:100%;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.ram-spec select:hover{background:rgba(255,255,255,.08);border-color:rgba(102,126,234,.4)}.ram-spec select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.2)}.ram-spec select option{background:#1a1a2e;color:#fff}.ram-info{font-size:13px;color:rgba(255,255,255,.5);margin-bottom:8px;font-weight:300;letter-spacing:.3px}.ram-download-btn{width:100%;background:linear-gradient(135deg,rgba(102,126,234,.2) 0%,rgba(118,75,162,.2) 100%);color:#fff;border:1px solid rgba(102,126,234,.3);padding:16px;font-size:14px;font-weight:600;border-radius:12px;cursor:pointer;margin-top:28px;transition:all 0.3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1.5px}.ram-download-btn:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:transparent;transform:translateY(-2px);box-shadow:0 15px 35px rgba(102,126,234,.4)}.fanpage-section{background:rgba(255,255,255,.03);border-radius:30px;padding:80px 60px;margin:120px 0;backdrop-filter:blur(20px);text-align:center;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.fanpage-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 50%);animation:rotate 20s linear infinite;pointer-events:none}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.fanpage-content{position:relative;z-index:1}.fanpage-icon{font-size:64px;margin-bottom:28px;animation:floatSmooth 4s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(102,126,234,.5))}@keyframes floatSmooth{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.fanpage-section h3{font-size:42px;font-weight:600;margin-bottom:24px;background:linear-gradient(135deg,#667eea 0%,#f093fb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.fanpage-section p{font-size:17px;color:rgba(255,255,255,.7);max-width:650px;margin:0 auto 40px;line-height:1.8;font-weight:300;letter-spacing:.3px}.fanpage-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:18px 48px;font-size:16px;font-weight:600;border-radius:60px;cursor:pointer;transition:all 0.4s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:2px;box-shadow:0 20px 50px rgba(102,126,234,.4);text-decoration:none;display:inline-block}.fanpage-btn:hover{transform:translateY(-3px);box-shadow:0 25px 60px rgba(102,126,234,.5)}.footer{text-align:center;padding:50px 20px;margin-top:120px;border-top:1px solid rgba(255,255,255,.05)}.footer p{font-size:14px;color:rgba(255,255,255,.4);font-weight:300;letter-spacing:1px}@media (max-width:768px){.hero h1{font-size:52px;letter-spacing:-1px}.hero h2{font-size:20px}.hero p{font-size:16px}.section-title{font-size:40px}.fanpage-section h3{font-size:32px}.ram-grid{grid-template-columns:1fr}.meme-placeholder{height:400px;font-size:18px}.meme-icon{font-size:56px}.fanpage-section{padding:60px 30px}.main-wrapper{padding:40px 20px}}