:root{--primary-yellow:#ffc107;--primary-yellow-dark:#ffb300;--primary-yellow-light:#ffd54f;--background:#f8f9fa;--foreground:#212529;--card-bg:#fff;--border-radius:12px}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.btn-primary{padding:10px 24px;font-weight:600;transition:all .3s;background-color:var(--primary-yellow)!important;border-color:var(--primary-yellow)!important;color:#000!important;border-radius:var(--border-radius)!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,193,7,.4);background-color:var(--primary-yellow-dark)!important;border-color:var(--primary-yellow-dark)!important}.btn-primary:active{transform:translateY(0)}.btn-secondary{padding:10px 24px;transition:all .3s;border-radius:var(--border-radius)!important}.card{transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:var(--border-radius)!important;border:none!important}.card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15)}.form-control{border:2px solid #e0e0e0;padding:12px;transition:all .3s;border-radius:var(--border-radius)!important}.form-control:focus{border-color:var(--primary-yellow);box-shadow:0 0 0 .2rem rgba(255,193,7,.25)}.header{background:linear-gradient(135deg,var(--primary-yellow)0%,var(--primary-yellow-dark)100%);color:#000;padding:30px 0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.feature-card{background:var(--card-bg);border-radius:var(--border-radius);margin-bottom:24px;padding:30px;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.1)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.file-upload-label{border-radius:var(--border-radius);cursor:pointer;text-align:center;background-color:#f8f9fa;border:2px dashed #dee2e6;width:100%;padding:12px 24px;transition:all .3s;display:inline-block}.file-upload-label:hover{background-color:var(--primary-yellow-light);border-color:var(--primary-yellow)}.file-name{word-break:break-all;background-color:#e9ecef;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:14px}input[type=file]{display:none}input[type=number]{border:2px solid #e0e0e0;padding:12px;transition:all .3s;border-radius:var(--border-radius)!important}input[type=number]:focus{border-color:var(--primary-yellow);outline:none;box-shadow:0 0 0 .2rem rgba(255,193,7,.25)}.alert{border:none;border-radius:var(--border-radius)!important}.navbar{padding:16px 0}.navbar-brand{font-size:24px;transition:all .3s}.navbar-brand:hover{transform:scale(1.05)}.nav-link{font-weight:500;transition:all .3s;color:var(--foreground)!important;padding:8px 16px!important}.nav-link:hover{color:var(--primary-yellow)!important}.dropdown-menu{border-radius:var(--border-radius);border:none;padding:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.dropdown-item{border-radius:8px;padding:10px 16px;transition:all .3s}.dropdown-item:hover{background-color:var(--primary-yellow-light);color:#000}.hero-section{background:linear-gradient(135deg,#fff9e6 0%,#fff 100%);min-height:600px;padding:80px 0 60px}.hero-title{color:var(--foreground);font-size:48px;font-weight:700;line-height:1.2}.text-primary-yellow{color:var(--primary-yellow-dark)}.hero-description{color:#6c757d;max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.hero-illustration{justify-content:center;align-items:center;margin:40px 0;display:flex}.hero-illustration img{border-radius:var(--border-radius);max-width:100%;height:auto}.btn-outline-dark{border-width:2px;padding:10px 24px;font-weight:600;transition:all .3s;border-radius:var(--border-radius)!important}.btn-outline-dark:hover{background-color:#212529;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.features-section{padding:80px 0}.features-section h2{margin-bottom:48px;font-size:36px;font-weight:700}.feature-icon{background:linear-gradient(135deg,var(--primary-yellow-light)0%,var(--primary-yellow)100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;display:flex}.cta-section{background:linear-gradient(135deg,var(--primary-yellow)0%,var(--primary-yellow-dark)100%);padding:60px 0}.cta-section h2{color:#000;font-size:32px;font-weight:700}.cta-section p{color:#333;font-size:18px}.cta-section .btn-primary{color:#fff!important;background-color:#000!important;border-color:#000!important}.cta-section .btn-primary:hover{background-color:#333!important;border-color:#333!important}.page-header{background:linear-gradient(135deg,#fff9e6 0%,#fff 100%);margin-bottom:40px;padding:60px 0 40px}.page-header h1{color:var(--foreground);font-size:42px;font-weight:700}.page-header .lead{max-width:700px;margin:0 auto;font-size:18px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.pdf-upload-zone{border-radius:var(--border-radius);text-align:center;cursor:pointer;background-color:#f8f9fa;border:2px dashed #dee2e6;padding:60px 40px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pdf-upload-zone:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,193,7,.1),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.pdf-upload-zone:hover:before{left:100%}.pdf-upload-zone:hover{border-color:var(--primary-yellow);background-color:#fffbf0;transform:translateY(-4px);box-shadow:0 8px 20px rgba(255,193,7,.15)}.pdf-upload-zone.dragging-over{border-color:var(--primary-yellow-dark);background-color:#fff3cd;border-width:3px;animation:.6s ease-in-out pulse;transform:scale(1.02);box-shadow:0 12px 30px rgba(255,193,7,.3)}.upload-icon{color:var(--primary-yellow-dark);transition:transform .3s}.pdf-upload-zone:hover .upload-icon{animation:.8s ease-in-out bounce}.pdf-upload-zone h5{color:var(--foreground);font-size:18px;font-weight:600;transition:color .3s}.pdf-upload-zone.file-uploaded{cursor:default;background:linear-gradient(135deg,#e8f5e9 0%,#f1f8f4 50%,#fff 100%);border:2px dashed #28a745;animation:.6s ease-out successPulse;position:relative}.pdf-upload-zone.file-uploaded:before{background:linear-gradient(90deg,transparent,rgba(40,167,69,.08),transparent)}.pdf-upload-zone.file-uploaded:hover{background:linear-gradient(135deg,#d4edda 0%,#e8f5e9 50%,#fff 100%);border-color:#20c997;transform:translateY(-2px);box-shadow:0 6px 20px rgba(40,167,69,.2)}.pdf-upload-zone.file-uploaded:hover:before{left:100%}.uploaded-file-display{animation:.5s ease-out fadeInUp}.uploaded-file-icon{color:#4a90e2;filter:drop-shadow(0 4px 8px rgba(74,144,226,.2));transition:all .3s;animation:.6s cubic-bezier(.68,-.55,.265,1.55) bounceIn}.pdf-upload-zone.file-uploaded:hover .uploaded-file-icon{filter:drop-shadow(0 6px 12px rgba(74,144,226,.3));transform:scale(1.05)rotate(2deg)}.file-info{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:1px solid #e9ecef;border-radius:10px;max-width:450px;margin:0 auto;padding:16px 24px;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.05)}.pdf-upload-zone.file-uploaded:hover .file-info{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.file-info .fw-bold{color:#212529;margin-bottom:4px;font-size:16px;display:block}.file-info .text-muted{color:#6c757d;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex}.uploaded-file-display .btn-outline-danger{border-width:2px;margin-top:4px;padding:8px 24px;font-weight:500;transition:all .3s}.uploaded-file-display .btn-outline-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,53,69,.3)}.uploaded-file-display h5{font-size:20px;font-weight:600;animation:.6s ease-out .2s both fadeIn}@keyframes successPulse{0%{box-shadow:0 0 rgba(40,167,69,.5)}50%{box-shadow:0 0 0 25px rgba(40,167,69,0)}to{box-shadow:0 0 rgba(40,167,69,0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)rotate(-15deg)}50%{opacity:1;transform:scale(1.15)rotate(5deg)}70%{transform:scale(.95)rotate(-2deg)}to{transform:scale(1)rotate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pdf-files-list{margin-top:24px}.pdf-file-item{border-radius:var(--border-radius);cursor:move;background:#fff;border:2px solid #e9ecef;margin-bottom:12px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.4s ease-out slideInRight;position:relative;overflow:hidden}.pdf-file-item:before{content:"";background:var(--primary-yellow);width:4px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.pdf-file-item:hover:before{transform:scaleY(1)}.pdf-file-item:hover{border-color:var(--primary-yellow-light);transform:translate(4px);box-shadow:0 6px 16px rgba(255,193,7,.25)}.pdf-file-item:active{cursor:grabbing;opacity:.7;z-index:1000;transform:scale(1.03)rotate(2deg);box-shadow:0 10px 25px rgba(0,0,0,.2)}.pdf-file-item.dragging{opacity:.5;border-style:dashed;transform:scale(.95)}.drag-handle{cursor:grab;color:#6c757d;align-items:center;transition:all .3s;display:flex}.drag-handle:hover{color:var(--primary-yellow-dark);transform:scale(1.2)}.drag-handle:active{cursor:grabbing}.pdf-icon{align-items:center;transition:transform .3s;display:flex}.pdf-file-item:hover .pdf-icon{transform:scale(1.1)rotate(-5deg)}.pdf-file-name{color:var(--foreground);word-break:break-word;margin-bottom:4px;font-size:16px;font-weight:600;transition:color .3s}.pdf-file-size{color:#6c757d;font-size:14px;transition:color .3s}.pdf-file-item:hover .pdf-file-name{color:var(--primary-yellow-dark)}.pdf-file-actions{align-items:center;gap:4px;display:flex}.pdf-file-actions .btn{min-width:36px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px!important}.pdf-file-actions .btn:hover{transform:translateY(-2px)scale(1.1)}.pdf-file-actions .btn:active{transform:translateY(0)scale(.95)}.loading-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-in fadeIn;display:flex;position:fixed;top:0;left:0}.loading-content{border-radius:var(--border-radius);text-align:center;background:#fff;padding:40px 60px;animation:.4s ease-out fadeInUp;box-shadow:0 20px 60px rgba(0,0,0,.3)}.spinner{width:60px;height:60px;margin:0 auto 20px;position:relative}.spinner-circle{border:4px solid #f3f3f3;border-top:4px solid var(--primary-yellow);border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin}.spinner-inner{border:4px solid transparent;border-bottom:4px solid var(--primary-yellow-dark);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite reverse spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-text{color:var(--foreground);margin-bottom:8px;font-size:18px;font-weight:600}.loading-subtext{color:#6c757d;font-size:14px}.progress-bar-container{background:#e9ecef;border-radius:3px;width:250px;height:6px;margin:20px auto 0;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--primary-yellow),var(--primary-yellow-dark));border-radius:3px;width:40%;height:100%;animation:1.5s ease-in-out infinite progressMove}@keyframes progressMove{0%{transform:translate(-100%)}to{transform:translate(350%)}}.success-checkmark{stroke-width:3px;width:80px;height:80px;stroke:var(--primary-yellow);stroke-miterlimit:10;box-shadow:inset 0 0 0 var(--primary-yellow);border-radius:50%;margin:0 auto 20px;animation:.4s ease-in-out .4s forwards fillSuccess,.3s ease-in-out .9s both scaleSuccess;display:block}.success-checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:3px;stroke-miterlimit:10;stroke:var(--primary-yellow);fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards strokeSuccess}.success-checkmark-check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards strokeSuccess}@keyframes strokeSuccess{to{stroke-dashoffset:0}}@keyframes scaleSuccess{0%,to{transform:none}50%{transform:scale(1.1)}}@keyframes fillSuccess{to{box-shadow:inset 0 0 0 30px var(--primary-yellow-light)}}.btn{z-index:1;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:rgba(255,255,255,.3);border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:before{width:300px;height:300px}.btn-primary{position:relative;overflow:hidden}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.alert{animation:.4s ease-out slideInRight}.card{animation:.5s ease-out fadeInUp}.feature-card{animation:.6s ease-out fadeInUp}.tool-card{background:var(--card-bg);border-radius:var(--border-radius);text-align:center;cursor:pointer;border:2px solid transparent;flex-direction:column;align-items:center;height:100%;padding:24px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08)}.tool-card:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,193,7,.08),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.tool-card:hover:before{left:100%}.tool-card:hover{border-color:var(--primary-yellow-light);transform:translateY(-6px);box-shadow:0 8px 24px rgba(255,193,7,.25)}.tool-card:active{transform:translateY(-3px)}.tool-card-disabled{cursor:not-allowed;opacity:.7}.tool-card-disabled:hover{border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.tool-card-badge{z-index:2;position:absolute;top:12px;right:12px}.tool-card-badge .badge{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;animation:2s ease-in-out infinite pulse}.tool-card-icon{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;transition:all .3s;display:flex}.tool-card:hover .tool-card-icon{transform:scale(1.1)rotate(-3deg)}.tool-card-icon svg,.tool-card-icon img{width:32px;height:32px}.tool-card-title{color:var(--foreground);margin-bottom:8px;font-size:16px;font-weight:600;transition:color .3s}.tool-card:hover .tool-card-title{color:var(--primary-yellow-dark)}.tool-card-description{color:#6c757d;margin-bottom:0;font-size:13px;line-height:1.5}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-top:32px;display:grid}@media (max-width:576px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.tool-card{padding:20px 16px}.tool-card-icon{width:48px;height:48px}.tool-card-icon svg,.tool-card-icon img{width:28px;height:28px}.tool-card-title{font-size:14px}.tool-card-description{font-size:12px}}.how-to-use-card{border-radius:var(--border-radius);background:#f8f9fa;border:1px solid #e0e0e0;margin-top:32px;padding:24px}.how-to-use-header{border-bottom:1px solid #e0e0e0;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.how-to-use-icon{background:#e9ecef;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;display:flex}.how-to-use-icon svg{stroke:#6c757d;width:18px;height:18px}.how-to-use-title{color:#495057;margin:0;font-size:16px;font-weight:600}.how-to-steps{counter-reset:step-counter;margin:0;padding:0;list-style:none}.how-to-step{counter-increment:step-counter;align-items:start;min-height:32px;margin-bottom:16px;padding-left:40px;display:flex;position:relative}.how-to-step:last-child{margin-bottom:0}.how-to-step:before{content:counter(step-counter);color:#6c757d;background:#fff;border:2px solid #dee2e6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:0;left:0}.how-to-step:hover:before{border-color:var(--primary-yellow-light);color:var(--foreground)}.how-to-step-content{flex:1;padding-top:2px}.how-to-step-text{color:var(--foreground);margin:0;font-size:14px;font-weight:500;line-height:1.5}.how-to-step-description{color:#6c757d;margin:2px 0 0;font-size:13px;line-height:1.4}.how-to-examples{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-top:16px;padding:16px}.how-to-examples-title{color:#495057;align-items:center;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.how-to-examples-title svg{stroke:#6c757d;width:16px;height:16px;margin-right:6px}.how-to-example-item{color:#6c757d;border-bottom:1px solid #f5f5f5;align-items:start;padding:8px 0;font-size:13px;display:flex}.how-to-example-item:last-child{border-bottom:none;padding-bottom:0}.how-to-example-item svg{stroke:#adb5bd;flex-shrink:0;width:16px;height:16px;margin-top:2px;margin-right:8px}.how-to-example-item code{color:#495057;background:#f1f3f5;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500}.format-selection-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-top:12px;display:grid}.format-option{cursor:pointer;background:#fff;border:2px solid #dee2e6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 16px;transition:all .2s;display:flex;position:relative}.format-option:hover{border-color:#ffc107;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,193,7,.15)}.format-option.active{background:linear-gradient(135deg,#fffbea 0%,#fff9e6 100%);border-color:#ffc107;box-shadow:0 4px 16px rgba(255,193,7,.2)}.format-icon{background:#f8f9fa;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.format-option:hover .format-icon{background:#fff3cd}.format-option.active .format-icon{background:#ffc107}.format-icon svg{color:#6c757d;transition:color .2s}.format-option:hover .format-icon svg{color:#ffc107}.format-option.active .format-icon svg{color:#fff}.format-label{color:#495057;font-size:14px;font-weight:600;transition:color .2s}.format-option.active .format-label{color:#ffc107}.format-checkmark{background:#ffc107;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:8px;right:8px}.format-checkmark svg{color:#fff}.donate-nav-btn{background:linear-gradient(135deg,var(--primary-yellow)0%,var(--primary-yellow-dark)100%)!important;color:#000!important;border:3px solid #000!important;border-radius:8px!important;padding:8px 20px!important;font-weight:700!important;transition:all .3s!important}.donate-nav-btn:hover{color:var(--primary-yellow)!important;background:linear-gradient(135deg,#000 0%,#333 100%)!important;border-color:#000!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important}.donate-nav-btn:active{transform:translateY(0)!important}.donate-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.donate-btn{border-radius:var(--border-radius);border:none;align-items:center;gap:10px;padding:12px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 8px rgba(0,0,0,.15)}.donate-btn-coffee{color:#fff;background:linear-gradient(135deg,#8b6f47 0%,#6f5639 100%)}.donate-btn-coffee:hover{color:#fff;background:linear-gradient(135deg,#6f5639 0%,#5d4a30 100%);transform:translateY(-2px);box-shadow:0 6px 16px rgba(139,111,71,.4)}.donate-btn-coffee:active{transform:translateY(0);box-shadow:0 3px 8px rgba(139,111,71,.3)}.donate-btn-trakteer{color:#fff;background:linear-gradient(135deg,#dc3545 0%,#c82333 100%)}.donate-btn-trakteer:hover{color:#fff;background:linear-gradient(135deg,#c82333 0%,#bd2130 100%);transform:translateY(-2px);box-shadow:0 6px 16px rgba(220,53,69,.4)}.donate-btn-trakteer:active{transform:translateY(0);box-shadow:0 3px 8px rgba(220,53,69,.3)}@media (max-width:768px){.hero-title{font-size:32px}.hero-description{font-size:16px}.features-section h2{font-size:28px}.cta-section h2{font-size:24px}.pdf-upload-zone{padding:40px 20px}.pdf-file-item{padding:12px 16px}.pdf-file-name{font-size:14px}.pdf-file-actions .btn{min-width:32px;padding:4px 8px;font-size:12px}.drag-handle{display:none}.loading-content{padding:30px 40px}.loading-text{font-size:16px}.progress-bar-container{width:200px}.how-to-use-card{padding:20px 16px}.how-to-use-icon{width:28px;height:28px}.how-to-use-icon svg{width:16px;height:16px}.how-to-use-title{font-size:15px}.how-to-step{margin-bottom:14px;padding-left:36px}.how-to-step:before{width:26px;height:26px;font-size:13px}.how-to-step-text{font-size:13px}.how-to-step-description{font-size:12px}.how-to-examples{padding:14px}.how-to-examples-title,.how-to-example-item{font-size:12px}.format-selection-grid{grid-template-columns:repeat(3,1fr);gap:12px}.format-option{padding:16px 12px}.format-icon{width:40px;height:40px}.format-icon svg{width:24px;height:24px}.format-label{font-size:12px}.donate-buttons{gap:12px}.donate-btn{padding:10px 20px;font-size:14px}}