.header{position:absolute;top:30px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 30px;z-index:1000}.logo-container{display:flex;align-items:center}.logo-text{font-size:24px;font-weight:600;color:#fff;text-decoration:none;font-family:Raleway,sans-serif}.nav-links{display:flex;gap:30px}.nav-links a{color:#fff;text-decoration:none;font-weight:400;font-family:Raleway,sans-serif;transition:color .3s ease}.nav-links a:first-child{margin-left:0}.nav-links a:hover,.nav-links a.active{color:#800020}.footer{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:1000}.footer-text{font-size:14px;font-weight:400;color:#800020;font-family:Raleway,sans-serif}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:4px;box-shadow:0 4px 8px #0000001a;width:100%;height:100%;color:#fff}.password-form{display:flex;flex-direction:column;align-items:center;gap:20px}.password-input{padding:10px;background:#01050e;color:#fff;border-radius:4px;outline:none;font-family:Raleway,sans-serif;border:.5px solid #ccc;min-width:250px}.error-message{color:#ff6b6b;font-size:14px;margin-top:10px;font-weight:400}.home-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:4px;box-shadow:0 4px 8px #0000001a;width:100%;height:100%;color:#fff}.welcome-section{display:flex;flex-direction:column;align-items:center;gap:20px}.studio-text{margin-top:10px}.studio-text span{font-size:1.2rem;font-weight:600;color:#800020;font-family:Raleway,sans-serif;letter-spacing:2px}.about-container{padding:100px 20px 20px;max-width:1200px;margin:0 auto;width:100%}.two-columns{display:flex;gap:20px;max-width:1200px;margin:30px auto;padding:20px}.left-column{flex:1;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px;font-family:Raleway,sans-serif}.right-column{flex:1;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px;text-align:left;font-family:Raleway,sans-serif}.left-column h2,.right-column h2{font-size:24px;margin-bottom:10px;text-align:left;font-family:Raleway,sans-serif;color:#fff}.left-column p,.right-column p{font-size:14px;line-height:1.8;margin-bottom:10px;text-align:left;font-family:Raleway,sans-serif;color:#fff}@media (max-width: 768px){.two-columns{flex-direction:column}.about-container{padding:80px 10px 10px}}.portfolio-container{padding:100px 20px 40px;max-width:1200px;margin:0 auto;width:100%}.portfolio-intro{text-align:left;margin-bottom:40px;max-width:800px}.portfolio-intro h1{font-size:2.5rem;margin-bottom:30px;color:#fff;font-weight:600}.portfolio-description{font-size:1.6rem;line-height:1.8;color:#e0e0e0;margin-bottom:15px}.portfolio-divider{height:.5px;background:white;margin:40px 0;width:100%}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:40px}.portfolio-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:260px}.portfolio-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ffffff1a;border-color:#fff3;background:rgba(255,255,255,.03)}.portfolio-item-image{width:100%;height:120px;overflow:hidden;position:relative}.portfolio-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio-item:hover .portfolio-item-image img{transform:scale(1.05)}.portfolio-item-content{padding:16px}.portfolio-item-content h3{font-size:1rem;font-weight:500;color:#fff;margin-bottom:8px;font-family:Raleway,sans-serif}.portfolio-item-content p{font-size:.8rem;line-height:1.5;color:#b0b0b0;margin:0;font-family:Raleway,sans-serif}@media (max-width: 768px){.portfolio-container{padding:80px 15px 30px}.portfolio-intro h1{font-size:2rem}.portfolio-description{font-size:1rem}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.portfolio-item-content{padding:18px}.portfolio-item-image{height:140px}}@media (max-width: 480px){.portfolio-container{padding:70px 10px 20px}.portfolio-intro h1{font-size:1.8rem}.portfolio-item-image{height:120px}.portfolio-grid{grid-template-columns:1fr}}.document-understanding-container{padding:100px 20px 40px;max-width:800px;margin:0 auto;width:100%}.document-understanding-header{text-align:center;margin-bottom:40px}.document-understanding-header h1{font-size:2.5rem;margin-bottom:20px;color:#fff;font-weight:600}.document-understanding-header p{font-size:1.1rem;color:#e0e0e0;line-height:1.6}.upload-section{margin-bottom:40px}.upload-area{border:2px dashed rgba(255,255,255,.3);border-radius:12px;padding:40px;text-align:center;background:rgba(255,255,255,.02);transition:all .3s ease;cursor:pointer}.upload-area:hover{border-color:#ffffff80;background:rgba(255,255,255,.05)}.upload-content{position:relative}.upload-icon{width:48px;height:48px;color:#e0e0e0;margin-bottom:20px}.upload-content h3{font-size:1.3rem;color:#fff;margin-bottom:10px;font-weight:500}.upload-content p{color:#b0b0b0;margin-bottom:20px}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.browse-button{background:rgba(0,123,255,.8);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.browse-button:hover{background:rgba(0,123,255,1);transform:translateY(-1px)}.file-info{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;margin:20px 0}.file-info p{color:#e0e0e0;margin:5px 0;font-size:.9rem}.error-message{background:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.3);border-radius:8px;padding:16px;margin:20px 0}.error-message p{color:#ff6b6b;margin:0;font-size:.9rem}.process-button{background:linear-gradient(135deg,#007BFF,#0056b3);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;margin-top:20px}.process-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #007bff4d}.process-button:disabled{background:rgba(255,255,255,.1);color:#666;cursor:not-allowed;transform:none;box-shadow:none}.processing-section{text-align:center;padding:40px;background:rgba(255,255,255,.02);border-radius:12px;margin:20px 0}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #007BFF;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-section p{color:#e0e0e0;font-size:1rem}.results-section{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;margin-top:20px}.results-section h2{color:#fff;font-size:1.5rem;margin-bottom:20px;font-weight:500}.results-content{background:rgba(0,0,0,.3);border-radius:8px;padding:16px;overflow-x:auto}.results-content pre{color:#e0e0e0;font-size:.85rem;line-height:1.5;margin:0;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){.document-understanding-container{padding:80px 15px 30px}.document-understanding-header h1{font-size:2rem}.upload-area{padding:30px 20px}.upload-icon{width:40px;height:40px}.upload-content h3{font-size:1.1rem}.process-button{padding:12px 24px;font-size:.9rem}}@media (max-width: 480px){.document-understanding-container{padding:70px 10px 20px}.document-understanding-header h1{font-size:1.8rem}.upload-area{padding:20px 15px}.upload-icon{width:36px;height:36px}}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background-color:#01050e;color:#000210;font-family:Raleway,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}#root{width:100%;height:100%}.app{width:100%;height:100%;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}h1,h2{font-weight:600;color:#fff}p{font-weight:300;color:#fff}input{padding:10px;margin:10px 0;border:.5px solid #ccc;border-radius:4px;font-family:Raleway,sans-serif;background:#01050e;color:#fff}button{padding:10px 15px;border:none;background-color:#01070e;color:#fff;border-radius:5px;cursor:pointer;font-family:Raleway,sans-serif;font-weight:400}button:hover{background-color:#0056b3}.hidden{display:none}.nav-boxes{display:flex;justify-content:center;gap:20px;margin-top:20px}.nav-box{padding:15px 25px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;font-weight:600}.nav-box:hover{background-color:#0056b3}