@import "https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap";:root{--bg:#f5f2e9;--bg-warm:#fbf8f0;--surface:#fefcf6;--surface-glass:#fefcf6d9;--text:#2c1810;--text-secondary:#6b5b4e;--text-muted:#9a8b7c;--royal-red:#c41e3a;--royal-red-hover:#a01830;--royal-red-light:#c41e3a0f;--royal-red-glow:#c41e3a26;--google-blue:#4285f4;--google-blue-hover:#3367d6;--google-green:#34a853;--google-yellow:#fbbc05;--google-red:#ea4335;--gold:#d4a853;--gold-light:#d4a8531a;--parchment:#f5f2e9;--parchment-dark:#e8dcc8;--border:#d4c5a9;--border-light:#e8dcc8;--border-subtle:#d4c5a966;--error:#c41e3a;--success:#34a853;--radius:16px;--radius-lg:24px;--radius-scroll:28px;--radius-pill:100px;--shadow-sm:0 2px 8px #2c18100a;--shadow-md:0 4px 20px #2c181014;--shadow-lg:0 8px 40px #2c18101f;--shadow-glow:0 0 40px #c41e3a14;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--royal-red);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--royal-red);color:#fff;z-index:200;border-radius:0 0 8px 8px;padding:8px 16px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.skip-link:focus{top:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;line-height:1.7;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23C41E3A' stroke-width='0.5' opacity='0.04'%3E%3Ccircle cx='40' cy='40' r='20'/%3E%3Ccircle cx='55' cy='35' r='15'/%3E%3Ccircle cx='30' cy='35' r='12'/%3E%3Ccircle cx='160' cy='160' r='20'/%3E%3Ccircle cx='175' cy='155' r='15'/%3E%3Ccircle cx='150' cy='155' r='12'/%3E%3C/g%3E%3Cg fill='none' stroke='%23D4A853' stroke-width='0.3' opacity='0.05'%3E%3Ccircle cx='100' cy='100' r='35'/%3E%3Cline x1='65' y1='100' x2='135' y2='100'/%3E%3Cline x1='100' y1='65' x2='100' y2='135'/%3E%3C/g%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(120px 60px at 5% 15%,#c41e3a08 0%,#0000 70%),radial-gradient(100px 50px at 95% 10%,#d4a8530a 0%,#0000 70%),radial-gradient(80px 40px at 85% 85%,#c41e3a05 0%,#0000 70%),radial-gradient(90px 45px at 10% 80%,#d4a85308 0%,#0000 70%);width:100%;height:100%;animation:30s ease-in-out infinite alternate floatClouds;position:fixed;top:0;left:0}@keyframes floatClouds{0%{transform:translate(0)}to{transform:translate(10px,-5px)}}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-subtle);transition:var(--transition-smooth);background:#f5f2e9cc;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:var(--shadow-sm);background:#f5f2e9f2}.nav-brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo{object-fit:contain;filter:drop-shadow(0 2px 5px #00000026);width:60px;height:60px}.nav-title{letter-spacing:-.02em;font-family:Nanum Myeongjo,serif;font-size:1.1rem;font-weight:800}.nav-title .accent{color:var(--royal-red)}.nav-badge{border-radius:var(--radius-pill);background:var(--royal-red-light);color:var(--royal-red);letter-spacing:.02em;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.nav-badge:before{content:"";background:var(--royal-red);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}main{z-index:1;max-width:800px;margin:0 auto;padding:100px 24px 60px;position:relative}.hero{text-align:center;margin-bottom:80px;position:relative}.hero:before{content:"";background:linear-gradient(90deg, transparent, var(--royal-red), transparent);width:60px;height:2px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.logo-area{justify-content:center;align-items:center;margin-bottom:28px;display:flex;position:relative}.logo-img{object-fit:contain;filter:drop-shadow(0 8px 16px #2c181026);width:240px;height:auto;transition:var(--transition-spring);animation:4s ease-in-out infinite logoFloat}.logo-img:hover{filter:drop-shadow(0 12px 32px #2c18102e);transform:scale(1.03)rotate(-1deg)}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-accent{justify-content:center;gap:3px;margin-bottom:24px;display:flex}.hero-accent span{border-radius:2px;width:24px;height:3px;animation:3s ease-in-out infinite accentPulse}.hero-accent span:first-child{background:var(--google-blue);animation-delay:0s}.hero-accent span:nth-child(2){background:var(--google-red);animation-delay:.3s}.hero-accent span:nth-child(3){background:var(--google-yellow);animation-delay:.6s}.hero-accent span:nth-child(4){background:var(--google-green);animation-delay:.9s}@keyframes accentPulse{0%,to{opacity:.6;width:24px}50%{opacity:1;width:32px}}.subtitle{color:var(--text);letter-spacing:-.01em;margin-bottom:6px;font-family:Nanum Myeongjo,serif;font-size:1.3rem;font-weight:700}.subtitle-sub{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:40px;font-size:.95rem;display:flex}.subtitle-sub .divider{background:var(--border);border-radius:50%;width:4px;height:4px}.dropzone{border:2px dashed var(--border);border-radius:var(--radius-scroll);cursor:pointer;transition:all var(--transition-smooth);background:var(--surface);padding:64px 44px;position:relative;overflow:hidden}.dropzone:before,.dropzone:after{content:"";border-radius:2px;height:2px;position:absolute;left:8%;right:8%}.dropzone:before{background:linear-gradient(90deg, transparent, var(--border) 15%, var(--gold) 50%, var(--border) 85%, transparent);opacity:.5;top:16px}.dropzone:after{background:linear-gradient(90deg, transparent, var(--border) 15%, var(--gold) 50%, var(--border) 85%, transparent);opacity:.5;bottom:16px}.dropzone:hover,.dropzone.dragover{border-color:var(--royal-red);box-shadow:var(--shadow-glow), 0 8px 30px #c41e3a0f;background:linear-gradient(135deg,#c41e3a08,#d4a85308);transform:scale(1.01)}.dropzone:focus-visible{outline:2px solid var(--royal-red);outline-offset:3px}.dropzone-content{z-index:1;position:relative}.dropzone-cat{margin-bottom:16px;font-size:3.5rem;animation:2s ease-in-out infinite pawBounce;display:inline-block}.dropzone-cat-img{object-fit:contain;width:64px;height:64px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;margin-bottom:16px;margin-left:auto;margin-right:auto;animation:2s ease-in-out infinite pawBounce;display:block}@keyframes pawBounce{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-4px)rotate(-3deg)}75%{transform:translateY(-2px)rotate(3deg)}}.dropzone-text{color:var(--text);margin-bottom:10px;font-family:Nanum Myeongjo,serif;font-size:1.15rem;font-weight:700}.dropzone-hint{color:var(--text-muted);font-size:.88rem}.dropzone .dropzone-shimmer{pointer-events:none;background:linear-gradient(90deg,#0000,#d4a8530f,#0000);width:100%;height:100%;transition:none;position:absolute;top:0;left:-100%}.dropzone:hover .dropzone-shimmer{animation:2s ease-in-out infinite shimmer}@keyframes shimmer{0%{left:-100%}to{left:100%}}.format-badges{justify-content:center;gap:8px;margin-top:20px;display:flex}.format-badge{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border-light);color:var(--text-secondary);transition:var(--transition-fast);align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.format-badge:hover{border-color:var(--royal-red);color:var(--royal-red);background:var(--royal-red-light)}.status{flex-direction:column;align-items:center;gap:20px;margin-top:40px;display:flex}.loading-cat{justify-content:center;align-items:center;gap:10px;font-size:2.2rem;display:flex}.loading-cat-img{object-fit:contain;width:56px;height:56px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;animation:1.2s ease-in-out infinite writing}.writing-cat{animation:1.2s ease-in-out infinite writing;display:inline-block}@keyframes writing{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(8deg)translateY(-2px)}}.loading-dots{color:var(--royal-red);font-family:Nanum Myeongjo,serif;font-size:1.5rem;font-weight:800;animation:1s ease-in-out infinite pulse-nyang}@keyframes pulse-nyang{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}.loading-progress{background:var(--border-light);border-radius:2px;width:200px;height:4px;position:relative;overflow:hidden}.loading-progress:after{content:"";background:linear-gradient(90deg, var(--royal-red), var(--gold), var(--royal-red));border-radius:2px;width:40%;height:100%;animation:1.5s ease-in-out infinite progressSlide;position:absolute;top:0;left:0}@keyframes progressSlide{0%{left:-40%}to{left:100%}}#statusText{color:var(--text-secondary);text-align:center;font-family:Nanum Myeongjo,serif;font-size:.95rem}.loading-quote{color:var(--text-muted);text-align:center;max-width:400px;font-family:Nanum Myeongjo,serif;font-size:.8rem;font-style:italic;line-height:1.6}.error{text-align:center;margin-top:40px;animation:.4s ease-out fadeSlideIn}.error-cat{margin-bottom:12px;font-size:3rem}.error p:not(.error-cat){color:var(--error);margin-bottom:16px;font-family:Nanum Myeongjo,serif;font-size:1rem}.result{text-align:center;margin-top:40px;animation:.5s ease-out fadeSlideIn}.result-cat{margin-bottom:12px;font-size:3.5rem;animation:.6s ease-out celebrateCat}@keyframes celebrateCat{0%{transform:scale(0)rotate(-20deg)}60%{transform:scale(1.2)rotate(5deg)}to{transform:scale(1)rotate(0)}}.result-text{color:var(--success);margin-bottom:24px;font-family:Nanum Myeongjo,serif;font-size:1.15rem;font-weight:700}.result-particles{pointer-events:none;width:200px;height:100px;position:absolute;top:0;left:50%;transform:translate(-50%)}.result-particles span{border-radius:50%;width:6px;height:6px;animation:1s ease-out forwards confetti;position:absolute}@keyframes confetti{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--x,50px), var(--y,-80px)) scale(0)}}.btn{cursor:pointer;transition:all var(--transition-fast);letter-spacing:-.01em;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-family:Noto Sans KR,sans-serif;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";pointer-events:none;background:#ffffff26;border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:before{width:300px;height:300px}.btn:after{content:"🐾";opacity:0;transition:all var(--transition-spring);pointer-events:none;font-size:.7rem;position:absolute;bottom:4px;right:8px;transform:scale(0)rotate(-20deg)}.btn:hover:after{opacity:.4;transform:scale(1)rotate(0)}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--royal-red), var(--royal-red-hover));color:#fff;box-shadow:0 4px 14px #c41e3a40}.btn-primary:hover{background:linear-gradient(135deg, var(--royal-red-hover), #8a1428);box-shadow:0 6px 20px #c41e3a59}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--parchment-dark);border-color:var(--border)}.result-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-docx{color:#fff;background:linear-gradient(135deg,#2b579a,#1e3f6f);box-shadow:0 4px 14px #2b579a40}.btn-docx:hover{background:linear-gradient(135deg,#1e3f6f,#152d50);box-shadow:0 6px 20px #2b579a59}.btn-google{color:#333;border:1.5px solid var(--border-light);box-shadow:var(--shadow-sm);background:#fff;align-items:center;display:inline-flex}.btn-google:hover{border-color:var(--google-blue);background:#ebf3ff;box-shadow:0 4px 14px #4285f426}.preview{width:100vw;max-width:960px;margin:48px -24px;position:relative;left:50%;transform:translate(-50%)}.preview h2{text-align:center;color:var(--text-secondary);margin-bottom:16px;font-family:Nanum Myeongjo,serif;font-size:1.2rem}.viewer-container{border-radius:var(--radius-lg);background:linear-gradient(135deg,#d4c5a9,#c8b896);min-height:400px;padding:24px;overflow:auto;box-shadow:inset 0 2px 8px #2c18101a}.viewer-container .page{background:#fff;border-radius:4px;margin:12px auto;overflow:hidden;box-shadow:0 2px 8px #0000001f}.how-it-works{text-align:center;margin-bottom:80px}.section-header{margin-bottom:40px}.section-header h2{color:var(--text);letter-spacing:-.02em;margin-bottom:8px;font-family:Nanum Myeongjo,serif;font-size:1.6rem;font-weight:800}.section-header p{color:var(--text-muted);font-size:.9rem}.section-divider{justify-content:center;align-items:center;gap:12px;margin-bottom:40px;display:flex}.section-divider:before,.section-divider:after{content:"";background:var(--border);width:40px;height:1px}.section-divider .diamond{background:var(--royal-red);opacity:.4;width:8px;height:8px;transform:rotate(45deg)}.steps{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;display:flex}.step{background:var(--surface-glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);min-width:180px;max-width:220px;transition:all var(--transition-smooth);flex:1;padding:36px 24px 28px;position:relative}.step:hover{box-shadow:var(--shadow-lg);border-color:var(--royal-red-glow);transform:translateY(-6px)}.step-num{background:linear-gradient(135deg, var(--royal-red), var(--royal-red-hover));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #c41e3a4d}.step-emoji{margin-bottom:12px;font-size:2.2rem;display:block}.step-emoji-img{object-fit:contain;filter:drop-shadow(0 4px 8px #0000001f);width:64px;height:64px;margin-bottom:12px;animation:3s ease-in-out infinite float}.step h3{margin-bottom:6px;font-family:Nanum Myeongjo,serif;font-size:1.05rem;font-weight:700}.step p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.step-arrow{color:var(--royal-red);opacity:.4;align-items:center;font-size:1.3rem;font-weight:700;display:flex}.why-section{margin-bottom:80px}.why-list{flex-direction:column;gap:16px;display:flex}.why-item{background:var(--surface-glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:var(--radius);transition:all var(--transition-smooth);align-items:flex-start;gap:20px;padding:24px;display:flex}.why-item:hover{box-shadow:var(--shadow-md);border-color:var(--royal-red);border-left:3px solid var(--royal-red);transform:translate(4px)}.why-stat{color:var(--royal-red);white-space:nowrap;min-width:80px;padding-top:2px;font-family:Nanum Myeongjo,serif;font-size:1.3rem;font-weight:800}.why-detail strong{margin-bottom:4px;font-family:Nanum Myeongjo,serif;font-size:1rem;font-weight:700;display:block}.why-detail p{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.trust-section{text-align:center;margin-bottom:80px;padding:40px 0}.trust-badges{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.trust-badge{flex-direction:column;align-items:center;gap:8px;display:flex}.trust-badge-icon{font-size:1.8rem}.trust-badge-text{color:var(--text-muted);font-size:.8rem;font-weight:500}.trust-badge-value{color:var(--text);font-family:Nanum Myeongjo,serif;font-size:1.1rem;font-weight:800}.faq{margin-bottom:80px}.faq h2{text-align:center;margin-bottom:24px;font-family:Nanum Myeongjo,serif;font-size:1.5rem;font-weight:800}details{background:var(--surface-glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:var(--radius);transition:all var(--transition-smooth);margin-bottom:10px}details[open]{box-shadow:var(--shadow-sm);border-color:var(--border-light)}summary{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);justify-content:space-between;align-items:center;padding:18px 24px;font-family:Nanum Myeongjo,serif;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--royal-red);transition:transform var(--transition-smooth);font-family:Noto Sans KR,sans-serif;font-size:1.2rem;font-weight:300}details[open] summary:after{content:"−"}summary:hover{color:var(--royal-red)}details p{color:var(--text-secondary);padding:0 24px 20px;font-size:.92rem;line-height:1.7;animation:.3s ease-out fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-subtle);background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);z-index:1;padding:40px 24px 32px;font-size:.85rem;position:relative}.footer-brand{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.footer-logo{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001f);width:56px;height:56px}.footer-brand-text{color:var(--text);font-family:Nanum Myeongjo,serif;font-size:1rem;font-weight:800}.footer-links{justify-content:center;gap:16px;margin-bottom:16px;display:flex}.footer-links a{color:var(--text-muted);transition:color var(--transition-fast);font-size:.82rem;text-decoration:none}.footer-links a:hover{color:var(--royal-red)}.footer-sub{color:var(--text-muted);margin-top:6px;font-size:.8rem}.footer-quote{color:var(--border);border-radius:var(--radius);background:#d4a8530a;max-width:500px;margin-top:16px;padding:12px 20px;font-family:Nanum Myeongjo,serif;font-size:.78rem;font-style:italic;display:inline-block}.footer-google-accent{justify-content:center;gap:2px;margin-top:16px;display:flex}.footer-google-accent span{border-radius:1px;width:16px;height:2px}.footer-google-accent span:first-child{background:var(--google-blue)}.footer-google-accent span:nth-child(2){background:var(--google-red)}.footer-google-accent span:nth-child(3){background:var(--google-yellow)}.footer-google-accent span:nth-child(4){background:var(--google-green)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:.6s ease-out forwards fadeInUp}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.reveal{opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=768px){main{padding:80px 20px 40px}.logo-img{width:200px}.subtitle{font-size:1.1rem}.dropzone{border-radius:20px;min-height:140px;padding:48px 24px}.why-item{text-align:center;flex-direction:column;gap:8px}.why-stat{min-width:auto}.steps{flex-direction:column;align-items:center}.step{width:100%;max-width:100%}.step-arrow{transform:rotate(90deg)}.features{grid-template-columns:1fr 1fr;gap:14px}.section-header h2{font-size:1.3rem}.trust-badges{gap:20px}}@media (width<=480px){main{padding:72px 16px 32px}.logo-img{width:170px}.navbar{padding:10px 16px}.features{grid-template-columns:1fr}.result-buttons{flex-direction:column;align-items:center}.btn{width:100%;min-height:48px;margin:4px 0}.dropzone{border-radius:16px;padding:40px 20px}summary{min-height:48px}.faq h2{font-size:1.2rem}.hero:before{display:none}}@media print{.navbar,footer,.dropzone,.status,.error,.result-buttons{display:none}}