Suyash091/urmi-ai
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Tiffin food

Browse source
This commit is contained in:
debu-2 2026-10-08 05:19:46 +05:30
parent 5ced0d0812
commit 4697dab339
8 changed files with 431 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

32
TheTiffinFood/pricing.css Normal file
View file

@ -0,0 +1,32 @@
.pricing-page{max-width:1180px;margin:0 auto;padding:54px 50px 120px}
.back-link{color:var(--muted);font:500 11px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.back-link:hover{color:var(--lime)}
.pricing-intro{padding:90px 0 70px;max-width:700px}
.pricing-intro h1{font-size:clamp(64px,10vw,140px);line-height:.88;letter-spacing:-.08em;margin:18px 0 28px}
.pricing-intro>p:last-child{color:var(--muted);font-size:18px;max-width:460px}
.pricing-grid h2{font:500 12px "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:18px}
.pricing-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.price-card{min-height:310px;border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .25s,transform .25s}
.price-card:hover{border-color:var(--lime);transform:translateY(-5px)}
.price-index{color:var(--lime);font:500 11px "DM Mono",monospace}
.price-card h3{font-size:25px;line-height:1.05;max-width:180px;margin:28px 0 8px}
.price-card p:last-child{color:var(--muted);font:12px "DM Mono",monospace}
.price-card strong{font-size:40px;letter-spacing:-.05em;margin:28px 0}
.price-card strong span{color:var(--muted);font:12px "DM Mono",monospace;letter-spacing:0;margin-left:8px}
.price-card .button{align-self:flex-start}
.customize-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:130px;padding-top:34px;border-top:1px solid var(--line)}
.customize-section h2{font-size:clamp(48px,6vw,82px);line-height:.92;letter-spacing:-.07em;margin:18px 0 26px}
.customize-section>div>p:last-child{color:var(--muted);font-size:16px;line-height:1.6;max-width:430px}
.customize-form{display:grid;gap:10px;align-content:start}
.customize-form label{font:500 11px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;margin-top:8px}
.customize-form select,.customize-form input,.customize-form textarea{width:100%;border:1px solid var(--line);border-radius:0;background:rgba(241,240,234,.04);color:var(--paper);font:14px "Space Grotesk",sans-serif;padding:14px;outline:none}
.customize-form select:focus,.customize-form input:focus,.customize-form textarea:focus{border-color:var(--lime)}
.customize-form input::placeholder,.customize-form textarea::placeholder{color:var(--muted)}
.customize-form input[readonly]{border-color:rgba(213,243,75,.5);color:var(--lime);cursor:default}
.customize-form select option{background:var(--ink);color:var(--paper)}
.customize-form textarea{resize:vertical}
.customize-form .button{margin-top:12px;justify-self:start;border:0;cursor:pointer}
.form-note{color:var(--lime);font:11px "DM Mono",monospace;min-height:16px}
.contact-note{color:var(--muted);margin:0 auto 28px;max-width:380px}
@media(max-width:760px){.pricing-page{padding:38px 20px 80px}.pricing-intro{padding:70px 0 52px}.pricing-options{grid-template-columns:1fr}.price-card{min-height:260px}}
@media(max-width:760px){.customize-section{grid-template-columns:1fr;gap:42px;margin-top:90px}}