:root{--color-base-0:#fff;--color-base-1000:rgba(0,0,0,.85);--theme-bg:var(--color-base-1000);--theme-text:var(--color-base-0);--theme-success-500:#007fae;--bg-primary:#000;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--text-primary:#fff;--text-secondary:#888;--accent-color:#06c755;--border-color:#333;--card-shadow:0 4px 6px rgba(0,0,0,.1);--hover-transition:all 0.3s ease;--animation-speed:20s;--animation-speed-fast:12s}html{font-size:var(--font-body-size);line-height:1.4;background:var(--theme-bg);-webkit-font-smoothing:antialiased}body{position:relative;color:var(--theme-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;margin:0;padding:0;line-height:1.6;min-height:100vh;background:rgba(0,0,0,.6);overflow-x:hidden}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden;transform-style:preserve-3d}.background-animation:before{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:url(/crt.gif);background-size:cover;background-position:50%;mix-blend-mode:screen;opacity:.4;filter:hue-rotate(0deg) contrast(1.2);inset:0;background:linear-gradient(217deg,rgba(255,0,0,.1),rgba(255,0,0,0) 70.71%),linear-gradient(127deg,rgba(0,255,0,.1),rgba(0,255,0,0) 70.71%),linear-gradient(336deg,rgba(0,0,255,.1),rgba(0,0,255,0) 70.71%);filter:blur(80px);animation:hueRotate var(--animation-speed) infinite linear,backgroundZoom var(--animation-speed-fast) infinite alternate ease-in-out,colorPulse var(--animation-speed) infinite alternate}.background-animation:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 0 0,rgba(255,0,128,.6),transparent 50%),radial-gradient(circle at 100% 0,rgba(0,255,255,.65),transparent 50%),radial-gradient(circle at 100% 100%,rgba(255,255,0,.65),transparent 50%),radial-gradient(circle at 0 100%,rgba(0,128,255,.65),transparent 50%);mix-blend-mode:screen;animation:gradientMove var(--animation-speed) infinite ease-in-out;filter:blur(30px)}@keyframes gradientShift{0%,to{transform:translateZ(0) scale(1);filter:hue-rotate(0deg)}50%{transform:translateZ(30px) scale(1.1);filter:hue-rotate(180deg)}}@keyframes backgroundZoom{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(-2deg)}}@keyframes sparkle{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}@keyframes gradientMove{0%{transform:rotate(0deg) scale(1);filter:blur(30px) brightness(1)}33%{transform:rotate(120deg) scale(1.2);filter:blur(40px) brightness(1.2)}66%{transform:rotate(240deg) scale(.8);filter:blur(30px) brightness(.8)}to{transform:rotate(1turn) scale(1);filter:blur(30px) brightness(1)}}.container{margin:0 auto;min-height:100vh;padding:2rem 1.3rem;z-index:1;box-shadow:0 8px 32px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center}.contact-form,.container,.portfolio-item,.service-intro{position:relative;background:#ffffff0d;border-radius:12px;border:1px solid hsla(0,0%,100%,.05)}.contact-form,.portfolio-item,.service-intro{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;margin-bottom:20px;transition:all .3s ease;overflow:hidden}.contact-form:hover,.portfolio-item:hover,.service-intro:hover{background:hsla(0,0%,100%,.05);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.1)}.contact-form:after,.portfolio-item:after,.service-intro:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.03),transparent);transform:rotate(45deg);transition:all .3s ease;opacity:0;z-index:-1}.contact-form:hover:after,.portfolio-item:hover:after,.service-intro:hover:after{opacity:1;animation:shine 5s ease-out infinite}.portfolio-image img{transition:transform .3s ease;filter:brightness(.8)}.portfolio-image img:hover{transform:scale(1.05);filter:brightness(1)}.tab-navigation{display:flex;position:fixed;top:0;max-width:200px;height:100vh;background:rgba(0,0,0,.589);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px 20px;width:80%;left:-110%;flex-direction:column;gap:40px;transition:all .3s ease;z-index:999}.tab.active,.tab:hover{color:var(--text-primary)}.tab.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--accent-color)}.service-intro h1{text-align:center;color:#fff;margin-bottom:1rem}.service-intro>p{text-align:center;color:#fff;margin-bottom:3rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.feature{padding:1.5rem;border-radius:10px;background:#ffffff0d;box-shadow:0 2px 4px rgba(0,0,0,.1)}.feature h3,.feature p{color:#fff;margin-bottom:1rem}.feature ul{list-style:none;padding-left:0}.feature ul li{color:#fff;font-size:.9rem;position:relative;padding:.5rem 0 .5rem 1.5rem}.feature ul li:before{content:"•";color:#3498db;position:absolute;left:0}.service-notice{margin-top:20px;padding:1.5rem;border-radius:10px;background:#ffffff0d;box-shadow:0 2px 4px rgba(0,0,0,.1);gap:2rem}.feature:hover{transform:translateY(-5px);background:var(--bg-tertiary)}.service-notice h3{color:#fff;margin-bottom:1rem}.service-notice ul{list-style:none;padding-left:0}.service-notice ul li{color:#fff;position:relative;padding:.5rem 0 .5rem 1.5rem}.service-notice ul li:before{content:"→";color:#3498db;position:absolute;left:0}@media (max-width:768px){.features{grid-template-columns:1fr}.feature{margin-bottom:1rem}}.price-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin:2rem 0}.price-card{background:#ffffff0d;padding:2rem;border-radius:8px;transition:var(--hover-transition)}.price-card:hover{transform:translateY(-5px);background:var(--bg-tertiary)}.price{font-size:1.5rem;font-weight:700;color:var(--accent-color);margin:1rem 0}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.portfolio-item{background:#ffffff0d;border-radius:8px;overflow:hidden;transition:var(--hover-transition)}.portfolio-item:hover{transform:translateY(-5px);background:var(--bg-tertiary)}.portfolio-image img{width:100%;height:200px;object-fit:cover}.portfolio-content{padding:1.5rem}.tag{background:var(--bg-tertiary);color:var(--accent-color);padding:.25rem .75rem;border-radius:15px;font-size:.8rem;margin-right:.5rem}.contact-form{width:100%;max-width:600px;margin:2rem auto;padding:2.5rem;background:hsla(0,0%,100%,.03);border-radius:12px;display:flex;flex-direction:column;gap:1.5rem}.form-group{margin:0;width:100%}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;background:hsla(0,0%,100%,.05);color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input::placeholder,.form-group textarea::placeholder{color:hsla(0,0%,100%,.5)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);background:hsla(0,0%,100%,.08)}.form-group textarea{min-height:120px;resize:vertical}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 1rem)}.form-group select option{background-color:#1a1a1a;color:#fff}.submit-button{width:100%;padding:14px;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-button:hover{opacity:.9;transform:translateY(-2px)}@media (max-width:768px){.contact-form{padding:1.5rem;margin:1rem auto;width:100%;max-width:100%}.features,.portfolio-grid,.price-table{grid-template-columns:1fr}form.contact-form{padding:15px;margin-left:-17px}}.iframe-mode{background:var(--bg-primary);height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.iframe-mode .container{padding:1rem;max-width:100%}@media screen and (max-width:768px){.iframe-mode{padding-bottom:20px}.iframe-mode .container{padding:.5rem}}.login-prompt{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:1000}.login-content{background:var(--bg-secondary);padding:2rem;border-radius:8px;text-align:center;max-width:90%}.line-login-btn{background:#06c755;color:#fff;border:none;padding:1rem 2rem;border-radius:4px;font-size:1rem;cursor:pointer;margin-top:1rem;transition:opacity .3s ease}.line-login-btn:hover{opacity:.9}.require-login .container{display:none}::selection{background:var(--theme-success-500);color:var(--color-base-0)}@keyframes border-flow{0%,to{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);background-size:200% 100%;background-position:0 0}50%{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);background-size:200% 100%;background-position:100% 0}}.menu-toggle{position:fixed;top:25px;left:0;background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.1);color:#fff;padding:10px 15px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:1000;overflow:hidden}.menu-toggle:before{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);background-size:200% 100%;animation:border-flow 5s linear infinite;pointer-events:none;z-index:-1}.menu-toggle:hover{background:hsla(0,0%,100%,.1)}.menu-toggle.active .menu-icon{background:transparent}.menu-toggle.active .menu-icon:before{transform:rotate(45deg);top:0}.menu-toggle.active .menu-icon:after{transform:rotate(-45deg);top:0}.menu-icon{position:relative}.menu-icon,.menu-icon:after,.menu-icon:before{width:20px;height:2px;background:#fff;transition:all .3s ease}.menu-icon:after,.menu-icon:before{content:"";position:absolute}.menu-icon:before{top:-6px}.menu-icon:after{top:6px}.tab-navigation.open{left:0;box-shadow:0 0 20px rgba(0,0,0,.3)}.tab{position:relative;top:80px;background:transparent;border:none;color:#fff;font-size:1rem;padding:.5rem 1rem;cursor:pointer;transition:var(--hover-transition)}.tab:hover{background:hsla(0,0%,100%,.1);transform:translateX(5px)}.content{transition:all .3s ease;flex:1 1;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 4rem)}.faq-container{max-width:800px;margin:2rem auto}.faq-title{text-align:center;color:var(--text-primary);margin-bottom:2rem}.faq{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;overflow:hidden;cursor:pointer;transition:var(--hover-transition)}.faq-item:hover{background:hsla(0,0%,100%,.05);transform:translateY(-2px)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:hsla(0,0%,100%,.02)}.faq-question h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.faq-icon{font-size:1.5rem;color:var(--accent-color);transition:transform .3s ease}.faq-answer{max-height:0;overflow:hidden;transition:all .3s ease;background:hsla(0,0%,100%,.01)}.faq-item.active{border-color:var(--accent-color)}.faq-item.active .faq-answer{max-height:1000px;padding:1.5rem}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer p{margin:0;line-height:1.6;color:#fff}.faq-item:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.03),transparent);transform:rotate(45deg);transition:all .3s ease;opacity:0;z-index:-1}.faq-item:hover:after{opacity:1;animation:shine 5s ease-out infinite}@media (max-width:768px){.faq-container{margin:1rem auto}.faq-question h3{font-size:1rem}.faq-answer{font-size:.9rem}}@keyframes shine{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}.line-button-container{position:fixed;bottom:20px;right:20px;z-index:100;animation:floatButton 2s ease-in-out infinite}.line-button{display:block;border-radius:8px}.line-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}@keyframes floatButton{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:768px){.line-button-container{bottom:16px;right:16px}}.status-message{padding:1rem;margin-bottom:1rem;border-radius:4px;text-align:center;animation:fadeIn .3s ease-in-out}.status-message.success{background:rgba(6,199,85,.1);color:#06c755;border:1px solid #06c755}.status-message.error{background:rgba(255,0,0,.1);color:#f44;border:1px solid #f44}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}